Dom Over
asked 10 years ago

Hello, 
I really like your theme!
I’m trying to change the Page header color as well as the color of the black line in the header and at the bottom of the page, but am not having any luck. How do I do this? I was able to the change the color of the font posts, but not the pages. 
Here is a link to the page:
http://loreology.com/newsite/about/
I want the “About” to be one of the colors in my palette. 
Thanks so much, Dom

3 Answers
DominicStaff
answered 10 years ago

Hi,
Apologies for the delay in replying to you. If you want to change the color for the page title and border line in the header and at the bottom of the page, you can add the following code to the style.css file:

.page-title { color: #...; }
.page-header { border-bottom-color: #...; }
.site-info {border-top-color: #...; }

Hope this helps !

Dom Over
replied 10 years ago

Awesome, exactly what I needed!Thanks, Dom

Dom Over
replied 10 years ago

Hello, I have another question about the colors for the site: I’m trying to change the colors of the links and all of the fonts and lines on the site to colors in my palette, how do I do this? When you roll over the link it’s black instead of the gray that I want. http://loreology.com/newsite/about/As well, when I create new pages, some of the colors are the default black: http://loreology.com/newsite/?page_id=321&preview=trueIs there a central place to change all these at once? Thanks so much, Dom

Dominic Staff
replied 10 years ago

Please add the following code to the style.css file:
.menu a:hover { color: #666;}
a { color: #666 !inportant; }
If you still face there issue, you can send me a screenshot for further checking.
Regards,

Dom Over
replied 10 years ago

Hello, Thanks for your reply. Unfortunately, the new code didn’t seem to do the trick. I have several screen shots that explain what I need, but I can’t get them into the post. Is there an email I should send them to? Thanks, Dom

Dominic Staff
replied 10 years ago

Apologies for the delay in replying to you, please upload your screenshot here: http://imgur.com/ then send me your link to the image.

Dom Over
replied 10 years ago

Great, thanks for getting back to me. Here is the link to the screenshots: http://imgur.com/a/iWbz9

DominicStaff
answered 10 years ago

Hi,
– To change the color of the menu, you can add the following code to the style.css file:
.menu a:hover { color: #f78a05; }
.menu a { color: #333; } 
– To change the border of the comment box, you can add the following code:
#commentform #comment { border-color: #…; }

–  To change the “Continue Reading” button, you can add the following code: 
.btn { background-color: #…; }
.btn:hover { background-color: #…; }
– To change color for the  lines, boxes, text to be color that you want, you can add the following code:
nav-next
.pager .nav-next .btn, .pager .nav-previous .btn { background: #…; color: #…; }
.pager .nav-next a:hover .btn, .pager .nav-previous a:hover .btn { background: #….; color: #…; }
.pager .nav-previous .pager-title, .pager .nav-next .pager-title { color: } 
Lines

.comments-area {border-top-color: #…;  }

.pager {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
.pager:before { background: #…;}

#commentform #submit { background-color: #…; }
#commentform #submit:hover {background-color: #…;}

Hope this helps !

Dom Over
replied 10 years ago

Wow, Thanks so much! Most of that worked perfectly. There are just a few other places that it didn’t take care of. I’ve posted the last here: http://imgur.com/MnMsqAtThanks, Dom

DominicStaff
answered 10 years ago

Hi,
Please add the following code to the style.css file: 

#secondary .widget-title { color: #…; }
.widget_archive li { color: #…; }
.widget_archive li a { color: #…; }
.widget_archive li a:hover { color: #…; }
.widget_meta a { color: #…; }
.widget_meta a:hover { color: #…; }

.related-posts-title { color: #…; }
.related-title a { color: #…; }
#reply-title { color: #…; }

#commentform .logged-in-as { color: #…;}
#commentform .logged-in-as a { color: #…; }
#commentform .logged-in-as a:hover { color: #…; }
Hope this helps !

Dom Over
replied 10 years ago

Wow, Dominic, you give Dominic’s a good name! Thanks so much for not only your great design sense, but for all your assistance in helping me customize your theme! I’ll certainly keep an eye on new designs, and recommend you to my friends!!Thanks again,Dom

Dominic Staff
replied 10 years ago

You are welcome ! 😀

Powered by DW Question & Answer Pro