Forum Replies Created

Viewing 7 replies - 1 through 7 (of 7 total)
  • @rdellconsulting

    Ok thanks… hadnt seen the update to that post by Nicolas. Sounds like I need to keep clear of that for now 🙂

    Thanks

    Hi sussexlongman

    Thanks for the response. I am on the latest version 3.0.4 and yes it looks like the theme has been changed so the file structure is different.

    I have tried <i class="> already too, so no luck there.

    I will keep looking. Thanks anyway.

    If anyone else has any suggestions that would be great.

    Hi sussexlongman

    I am trying to follow you tip on adding other social icons. I have installed the Genericon’d plugin.

    I have a child theme set up but in header.php I cant find the code. I have looked in class-header-menu.php and find something close but adding the genericon code doesnt seem to work.

    This is what I found:

    <div class="social-block span5"><?php do_action( '__social' , 'tc_social_in_header' ) ?></div>

    I have tried adding the icon for mail as follows:

    <div class="genericon genericon-mail"></div>

    Am I looking in the wrong place?

    Sorry but the site isnt live yet, only in draft, so cant post a link.

    Thanks in advance

    Thread Starter tpgf

    (@tpgf)

    @rdellconsulting

    Thats perfect, fantastic. Thanks very much.

    Thread Starter tpgf

    (@tpgf)

    Thanks for the replies.

    @wpyogi – unfortunately the site/page is only in draft so can’t post the link. I realise this makes it a bit harder.

    @rdellconsulting – I have removed the tagline following instructions in another post on this forum so the area in the navbar is empty.

    I have also removed the navbar border and shading so it just looks like its in the main header area.

    The CSS I used to make those changes is

    /* navbar site desc remove but keep it for SEO */
    .navbar-wrapper .navbar .site-description { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
    
    /* navbar adjust padding */
    .navbar-inner { padding-top: 16px; }
    .navbar.resp .navbar-inner { padding-bottom: 4px; }
    
    /* navbar remove gradient color */
    .navbar .navbar-inner { background-image: none; }
    
    /* navbar remove dropshadow */
    .navbar .navbar-inner { box-shadow: none; }
    
    /* navbar remove grey background */
    .navbar .navbar-inner {
    -webkit-box-shadow: 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px ;
    box-shadow: 0px 0px 0px transparent;
    background:none
    }

    [Please use backticks or code buttons (not single quote marks) to post code ]

    Thanks

    Thread Starter tpgf

    (@tpgf)

    Works perfectly.

    Many thanks

    Hi I am new to this so not an expert but loving the theme and scouring the forum.

    I think what you are trying to do can be addressed by inserting some Custom CSS. This post addresses reducing the size of the box surrounding the Top Menu (and also removing the border and the social icon section).

    I think the code you need is

    /* navbar adjust padding */
    .navbar-inner { padding-top: 16px; }
    .navbar.resp .navbar-inner { padding-bottom: 4px; }

    but you may also have to remove the social elements so the box size can be reduced.

    You insert the code in to the ‘Custom CSS’ box at the bottom of the Customizr menu you get when you click on Customiz’It! under teh Appearance tab in the left menu of teh dashboard.

    You might also be interested in removing the grey background to the Top Menu box which is covered in the post here.

    Hope this helps.

Viewing 7 replies - 1 through 7 (of 7 total)