Resolved IBlog5

[escouter 0]

Hi

I recently updated my site and I have lost some of the original CSS that my developer had done. I now need help with redoing the simple stuff.

Firstly how do I remove the highlight on hover that has appeared on my nav bar? Secondly how do I change the colour of my page, post and category titles? Thirdly I'm getting a weird grey highlight in the post loop area and I cannot remove it. I also cannot seem to get the nav bar to fit across the width of the page and the "contact Us" button drops down a line

I'm sure these are simple fixes but I cannot seem t do them

Site URL is http://testibsecadrboy.co.uk

Happy to answer any questions

Regards

Andrew

[Danny+ 1,327]

Hi Andrew,

1. Use this following code to remove the highlight.

.main-nav li a:hover:hover, .main-nav li.current_page_item > a:hover, .main-nav li.current-page-ancestor > a:hover {

background-color: transparent;

}

[/CODE]




2. Change the color in the code below, to whatever you like.



[CODE]

h1, h2, h3, h4, h5, h6, a.site-title, .entry-title a {

color: red;

}

3. Not quite sure what you're referring to regarding the grey area in the post loop? To fit your navigation, add the following code:

ul.sf-menu li a { width: 150px; }

[/code]


Please bear in mind, that we are unable to provide support to custom code added by a non-PageLines member of staff. If you have further issues, I recommend you contact your developer, or inspect your code using Firebug or Chromes web dev tool.

[escouter 0]

Thanks Danny

Ill try the first 2 and get back to the forum on the third. AAlso have others which Ill open topics for as well

KR

Andrew

[escouter 0]

Changes done for 1 and 2 Danny thanks. BTW how do I change the text color on the hover from black

KR

Andrew

[escouter 0]

Regarding the third point I have raised another topic

KR

Andrew

[Danny+ 1,327]

Hi,

To change the hover color use the following code and change the color value to your preferred color.

.main-nav li a:hover:hover, .main-nav li.current_page_item > a:hover, .main-nav li.current-page-ancestor > a:hover {

color: #FBBB00;

border-bottom: 1px solid #FBBB00;

}

[/CODE]

[Danny+ 1,327]

The topic was marked as resolved.