CSS Customization Motif Theme

thesevenyearhitch · Member · May 26, 2014 at 2:39 pm
Copy link

Add topic to favorites
Hello there,

I’m afraid to say I’m a complete novice at this and would really love some help. I have the css custom design package but am stumped about if it is possible to do the following things.
1. Change the colour of the menu font
2. I have a orangey box on each of the pages, is it possible to alter the width of the box (make it narrower) and ensure that it is uniform on all sides?
3. How do I fill the background inside the box in a colour other than white?
4.How do I change the colour of the heading font throughout?
5. Can the heading be centred on each page?
As you’ll see from my css experimentation, I’m an absolute novice but I’m trying to learn!

Thanks in advance,

J

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 27, 2014 at 5:34 pm
Copy link
Hi there, I’ve used some obnoxious demo colors, which you can change as you see fit.

1. Change the colour of the menu font

Add the following and adjust the colors of the menu text as desired. The first rule covers the current page item and the hover color. The second covers the non-hovered, non-current menu items.
```
.main-navigation a:hover, .main-navigation ul *:hover > a, .main-navigation ul ul *:hover > a, .main-navigation li.current_page_item a, .main-navigation li.current-menu-item a, .main-navigation li.current_page_ancestor a, .main-navigation li.current-menu-ancestor a {
    color: #008000;
}

.main-navigation a {
    color: #CC0000;
}
```
2. I have a orangey box on each of the pages, is it possible to alter the width of the box (make it narrower) and ensure that it is uniform on all sides?

This will make the border around the content uniform.
```
.front-page-content-area .hero {
    margin-bottom: 0;
}
```
3. How do I fill the background inside the box in a colour other than white?

This will allow you to change the white in the post content area.
```
.hentry, .entry-header {
    background: #FFFF00;
}
```
4.How do I change the colour of the heading font throughout?
5. Can the heading be centred on each page?

Assuming you are talking about the page/post titles, the following will allow you to change the colors of those and will center them.
```
.entry-title, .entry-title a {
    color: #FF00FF;
    text-align: center;
}
```
thesevenyearhitch · Member · May 29, 2014 at 1:41 pm
Copy link
Thank you ever so much for your help, it’s much appreciated!

No items found.