Spacing in header
amanda_kate said 1 year ago:
I am trying to even out the spacing in the navigation of my website, but everything I have tried is not working. Also, how can I get the color to change when hovering over the navigation pages???
I’m using an edited CSS file, and I cannot for the life of me figure out a: where the option in the html is for the spacing and b: how to change the color!!! HELP!!!
Gary A said 1 year ago:
@amanda_kate
In order to take a better look at this, can you provide your domain name and the name of the template you are using? This will let the members on the Forums see what you are working with.
Usually, the spacing is handled with ‘padding’ and ‘margin’.
If you would like to change the color of the navigation links when you hover over them, this can usually be done with .nav or .sf_navigation section. You can try adding this to your CSS to see if this works for you:
.sf_navigation ul li a:hover,a:active{
background-color:#00aa00; /* background color */
color:#aaaaaa; /* font color */
}
You can edit the colors to meet your needs. Depending on the template you are using, this might not work for you.
-Gary
amanda_kate said 1 year ago:
The website is http://www.performadressage.com and the template is Collective. Thanks!!
Gary A said 1 year ago:
@amanda_kate
Taking a look at that template, it looks like there is not a simple way to change the spacing on the navigation. The best way I found was to modify these three widths:
.sf_navigation ul li a {
width: 120px;
}
.sf_navigation ul li a:visited {
width: 120px;
}
.sf_navigation ul li a:hover {
width: 120px;
}
You will have to set each width to be the same, and this should be placed at the bottom of your custom CSS section.
You might also want to take a look at this site for some additional CSS help. This site offers many tutorials and additional information on CSS.
-Gary
Nate D said 1 year ago:
@amanda_kate – Some of the colors can be modified without CSS by using the Advanced Color Options through the Page Designer:
http://support.godaddy.com/help/article/5187
I am not 100% clear on what you wanted in regards to the spacing issues, let us know how Gary’s advice is working out for you.
0 min expected wait time