Final tweaks to padding and colours – help!

[GavinAtDOSE]

Hi,

I’m working with Austin Theme and have managed to adjust the colour palette (using Theme Options and Custom CSS) to suit my clients visual identity with the following exceptions. Any suggestions would be much appreciated.

Site address: http://www.gavinbirchall.co.uk

1. How can I change the colour of the line below the items in the main menu? Can’t find the CSS not matter what I inspect…

2. How can I change the hover colour of the buttons at the bottom of the Home page: ‘Philosophy’, ‘Your land’, ‘Our projects’?

3. How can I change the colour of the lines within the footer widgets?

4. Is it possible to have an alternative logo in the header of a specific page? E.g. Philosophy page. If so how can I do this? Wish I’d never designed two colour palettes now. Rookie error.

5. How can I change the hover colour of buttons for the site? E.g. Call to action at the bottom of the Projects page. They still change to a standard theme colour.

6. How can I change the hover colour of the mobile menu button? Again I’ve changed the basic button colour but when hovering it changes to the standard theme colour.

7. Any ideas why the content on the Blog page is hidden by the header? I’ve tried adjusting the Title header. No posts as yet but you can see the search buttons are partially hidden and test content has the same issues.

Lot’s of questions! Sorry about that.

Any help would be really gratefully received.

Thanks,

Gavin

[Veena]

1,2,3. You can use the below custom CSS in themeoptions –

.dropdown-menu-wrap > ul.menu > li:hover {
    border-color: #0b485b;
}
.so-widget-sow-button-flat-f1d6719c8a5f .ow-button-base a.ow-button-hover:hover {
    background: #000;
    border-bottom-color: #0a4456;
}
#sidebars-footer .widget-title {
    color: #d5d5d5;
    border-bottom: 1px solid #fff;
}

[GavinAtDOSE]

Thanks Phoenix. Really useful.

I need to export the entire site and import to a different domain and host.

Apart from saving the Custom CSS and entering it again after transfer is there anything else I need to do to make sure it transfers properly?

Do I need to transfer the theme settings?

Thanks,

Gavin.

[Veena]

4. Is it possible to have an alternative logo in the header of a specific page? E.g. Philosophy page. If so how can I do this? Wish I’d never designed two colour palettes now. Rookie error.

Yes it is possible with the help of conditional tags . Pls check it out here –
https://codex.wordpress.org/Conditional_Tags

Basically you need to add conditional tag like the below code – inside the function mo_site_logo() line no:27 in file frameworks/functions/header-title-area.php and then you need to apply custom CSS to display the specific logo .
Here 6243 is the page id , you need to replace it with your’s ..

if( is_page(6243)) { ?>
        <img id="logo11" class="standard-logo" src="" alt="">
       <?php }

eg custom CSS –

.page-id-6243 img#logo11.standard-logo {
    display: block;
}
.page-id-6243 img.standard-logo {
    display: none;
}

[Veena]

5. How can I change the hover colour of buttons for the site? E.g. Call to action at the bottom of the Projects page. They still change to a standard theme colour.

Pls use the below custom CSS –

.action-call .button.theme:hover {
    background: #f33 !important;
}

[Veena]

6,7 . Hope you have already managed this..

[Raghavendra]

You will need to export/import theme settings and widgets (if you have setup one on your dev site) too to the new site. The custom CSS will get transferred when the settings is exported and imported via Option Tree.

Pls use – https://wordpress.org/plugins/widget-importer-exporter/ for widget import/export.

[GavinAtDOSE]

Thanks guys. Really helpful again. I’ll crack on.

[Author]

Posts