Override inline style for icons

[djb21au 0]

I want to reposition my icons inside the BrandNav area (to top left corner, inside the area and above the navbar). Tried numerous things but the inline style that is applied to the icon box seems to always take precedence. Advice on how to achieve my goal, please. www.streetsofmytown.net I've tried to attach the '!important' thing to 'float: right;' but that seems to cause all sorts of other problems on the page. It doesn't seem like a very efficient solution. Which raises a broader theme design question: why are inline styles being used in the first place?

[cshoffmann 0]

Watch the video on this page and give it a shot: http://www.pagelines.com/docs/base-child-theme/. Use the hook: pagelines_inside_top_brandnav instead of the branding hook. See if you can do it and let us know here. If not, I promise to follow up.

[djb21au 0]

Hi Shaun, I understand hooks and the base, and have been using same, including pagelines_inside_top_brandnav. For what I'm trying to do I have created my own function in the base version of functions.php. That function contains a copy of the icon code from the main theme. The problem is that when I call my function within pagelines_inside_top_brandnav - `add_action('pagelines_inside_top_brandnav', 'add_icons_to_brandnav');` - the icons sit right out on the right (see www.streetsofmytown.net). And because the theme embeds the style tag in the icons line ??“ `

` - where 'bottom' and 'right' are set in 'Header and Nav' settings, I don't know how to override this inline style to move the icons to where I want them (which is above the menubar). Hope that makes sense. I really need some specific guidance on this one. David

[catrina 103]

You can override the inline style by using CSS that can be added to the base.css file. Here's an example:

div.icons {bottom: 0px; right 0px;}

^ You can add that code to base.css and edit it to your liking.

[djb21au 0]

Thanks Catrina - that pointed me in the right direction. Job done.