Hi guys,

I'm trying to increase the size of the logo margins to accommodate for my large P1 logo in the top left of my website. Any ideas how I can do this? Also I'd like to decrease the top and bottom margins on the top navigation so there is less white space above and below the words 'ABOUT P1, READ THE LATEST ISSUES, CONTACT US'

www.p1magazine.co

Thanks

Hi

Menu wise you need to look to adjust these values as they mutually dependant

#navwrap {height: 70px;}

.navbar-nav > li a, .navbar-nav > li span {line-height: 54px;}

With the logowrap increase

#logowrap {height: 70px;}

To the required value and see how that looks

Cheers
Paul

Hi Paul,

Thanks for your quick response. I've managed to change the logo background height and now the navbar doesn't need changing. I have noticed my social icons on the right hand side of the page are slightly hidden. How would I fix that?

Try adding

#fixed-right {right: 0px; width: 56px;}

Hi Paul,

Thanks for your help. I want to knock the grey overlay on the background images back to: rgba(0, 0, 0, 0.2).

Were do I locate the css file to do this?

So the style applying is -

.zentools.stacked li .zenitem {
background: rgba(0, 0, 0, 0.4);}

to override it you need to add

body .zentools.stacked li .zenitem {
background: rgba(0, 0, 0, 0.2);}

Cheers
Paul

Hi Paul, I figured that out using the inspect element in Google Chrome. But I'm not sure where the file containing '.zentools.stacked li' is to input the data? Do I do it within Joomla or by accessing a .css file - if so which one?

Thanks

You would add the css I suggested to the custom.css file

Cheers
Paul