How do I change the colour of navigation bar on Gommero Pro?

Hello,

My website is http://www.abiti-ladies.co.uk and I want to change the navigation bar colour and text colour to suit my needs, could anyone tell me how to do that please?

Also, could you tell me how to change the slider dimensions as pictures look stretched.

Thank you.

 

Hello,

Paste the code given below in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.mobile_nav, .mobile_nav:hover {
background: red;
color: white;
}

You can put your color inplace of "red" and "white" .
This will solve your issue.

 

Hi,

That didn't work?

 

Hello,

1.For your first issue

Go to js > custom.js present in your theme directory and remove the code given below

Code:

//Cufon Replacement in heading
jQuery(document).ready(function() {
    //Cufon.replace('h1')('h2')('h3')('h4')('h5')('h6');
    Cufon.replace('h1, h2, h3, h4, h5, h6,#menu li a');
});

Also check link for reference

http://www.inkthemes.com/how-to-edit-internal-files-through-ftp/07/

Now,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu li a{
color:red;
}
#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a{
color:blue;
}

2.For your second issue

We have checked your website and it seems that you are not using recommended dimension image for your slider

Recommended dimension for slider image is (900x350)px

Use recommended dimension image for your slider, It will looks fine.

 

Do you know how to do the same colour for the drop downs?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited{
color:red;
}

 

is there anyway of changing the dimensions of the slider(not the picture, the actual slider)?

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

.slides_container img {
width: 800px;
height: 300px;
margin-left: 50px;
}
.pagination {
padding-right: 50px;
}
#slides .prev {
right: 80px;
}
#slides .next {
right: 50px;
}

You can adjust these values as per your requirement.