[kissthegroom]

Hi

Can you please advise how I can add two thin lines above and below main menu, I want the lines to be in #757575 colour.

http://www.kissthegroom.com.au

Thanks again

Cheers
lisa

[Sakin]

@kissthegroom: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box to add border top and below the menu.

#header-menu ul.menu {
    border-bottom: 1px solid #757575;
    border-top: 1px solid #757575;
}

[kissthegroom]

Awesome thank you.

[Ryan415]

How would I go about adding “double lines” or a “border” to the empty area that is below the main menu, the Homepage content, as well as the footer.

I used this for the menu:

#header-menu ul.menu {
border-bottom: 1px solid #757575;
border-top: 1px solid #757575;
}

Now I would like that same look on the other parts of the page.

Thanks

Ryan

[Sakin]

@Ryan415: You forgot to add in your site URL so that I know all the placeholder that you are talking about.

[Ryan415]

Sakin

Here is the link to my site:

http://rockymountainbrushcompany.com/

I am using a child of the “Catch-Everest” theme.

I would like to:

1. Add a border that fits around the whole footer
2. Add a border around the “homepage headline and featured content section
3. Adjust the background image size to be a bit wider
4. I was able to change the color of the homepage headline and sub text but am still unable to change the font (is this done via google fonts? or is there something I can drop into custom css?)

Thanks

Ryan

[Sakin]

Hello Ryan,

1. Add a border that fits around the whole footer
— Add the following css in “Appearance => Theme Options => Custom CSS” box.

#colophon {
    border-bottom: 1px solid #757575;
    border-top: 1px solid #757575;
}

2. Add a border around the “homepage headline and featured content section
— I see that you have already change it by adding the following css.
#homepage-message {
border-color: #fcd9b1;
}

3. Adjust the background image size to be a bit wider
— For background you need to adjust your settings through “Appearance => Background”. Either upload the larger size background image or select the “Repeat” option.

4. I was able to change the color of the homepage headline and sub text but am still unable to change the font (is this done via google fonts? or is there something I can drop into custom css?)
— For font either you need to user Google Font plugin or upgrade to pro version and user Font Family Options.

Regards,
Sakin

[Ryan415]

Sakin

Thanks for the reply.
I have updated the footer border with the custom css you provided.
I also added

border-right and border-left to have the border show up on the right and left side of the footer.

My next question is:

How can I get the border to show up on the right and left side of the Homepage Message?

Currently, I have this in the custom css:

#homepage-message { border-color: #fcd9b1; }

–The above creates a border on the top and bottom of the homepage message.

Also, is there a way to make a border around the dark brown areas on the page? For example, the area below the menu bar and the area below the homepage headline – place a border around the area that the featured content goes?

Thanks

Ryan

[Sakin]

If you want to add in the border all around the perfect css will be as below:
#homepage-message { border: 1px solid #Fcf9b1; }

If you want border in whole area then your css will be like this
.site { border: 1px solid #FCD9B1; }
Now: once you have border around the page, you don’t need left and right border in your menu, homepage message, footer and so on. So, you css for those elements can be as below:
#header-menu, #homepage-message, #colophon { border-top: 1px solid #Fcf9b1; border-bottom: 1px solid #Fcf9b1; }

[Ryan415]

Sakin

Thanks for your help. It’s very much appreciated!

Ryan

[Author]

Posts