Final tweaks to padding and colours – help!

Support Forums for LiveMesh Themes & Plugins Forums Austin Theme Support Final tweaks to padding and colours – help!

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #22798
    GavinAtDOSEGavinAtDOSE
    Member

    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

    #22818
    VeenaVeena
    Moderator

    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;
    }
    
    #22860
    GavinAtDOSEGavinAtDOSE
    Member

    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.

    #22870
    VeenaVeena
    Moderator

    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;
    }
    
    #22871
    VeenaVeena
    Moderator

    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;
    }
    
    #22872
    VeenaVeena
    Moderator

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

    #22874
    RaghavendraRaghavendra
    Moderator

    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.

    #22876
    GavinAtDOSEGavinAtDOSE
    Member

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Final tweaks to padding and colours – help!’ is closed to new replies.