Provide the link to your website so I can take a look into the CSS please.
Thread Starter
lokipp
(@lokipp)
It’s http://nightscapes.pl I didn’t change anything in css. It’s default.
Thanks.
Okay here’s what you should add to your custom CSS:
.sidebar-content {
background-color: #33363b;
}
.pad.group {
background-color: #33363b;
}
.main-inner.group {
background-color: #33363B;
}
.entry.excerpt > p {
color: #ffffff;
}
#footer-widgets {
background-color: #33363b;
}
After this, the background image is going to give you problems, just find this bit of code and remove the background image:
.col-3cm .main-inner {
background: url("img/sidebar/s-left.png") repeat-y scroll left 0 rgba(0, 0, 0, 0);
}
From there, you should just have to change your link colors and your heading colors in the footer.
May the force be with you!
Thread Starter
lokipp
(@lokipp)
Wow!
Thanks a lot.
I learn something new 🙂
I add to css more lines
.boxed .container {
background-color: #33363b;
}
#commentform {
background: #33363b;
padding: 10px 20px 20px;
margin-bottom: 15px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
#commentform textarea {
background: #33363b;
height: 100px;
}
And it’a almost perfect (http://i1.minus.com/iSeImrXj0ML99.jpg)
Is there another option to change that white area without removing that line?
Besouse when I remove that line from parent theme css something goes wrong.
.col-3cm .main { background: url(img/sidebar/s-right-s2.png) repeat-y right 0; }
That’s how it’s look like after:
dark version: http://i7.minus.com/ibiPBjJVAdVQSH.jpg
light version: http://i7.minus.com/i9iRTyDB5ShqN.jpg
Sidebars goes away 🙁 It’s happen only on main page.
The main purpose is to allow users to choose color theme. And it’s so close 🙂
I test it here: http://test2.piotrpotepa.art.pl/
You really might have to play with the source files, or change the background url instead of deleting it. Personally, I would create a dark version of the same image, name it “s-right-s2-dark” and FTP it to your themes correct folder, and redirect the url to it: i.e. img/sidebar/s-right-s2-dark.png.
Either that, or save it to your child theme, and direct the url there. Then you can easily switch from light and dark for your users.
Thread Starter
lokipp
(@lokipp)
I was afraid that will be only option.
Thanks for Your time. You help me a lot!
Thread Starter
lokipp
(@lokipp)
One more question.
How to change text color in contact form? http://test2.piotrpotepa.art.pl/kontakt/
It should be like text in comment form. Light all the time.
http://test2.piotrpotepa.art.pl/blog/mlody-ksiezyc-nad-wisla/
You can add this code to take care of that ( you may want to play with the settings a tad bit to fit your liking)
.wpcf7 p {
color: #666666;
font-weight: 400;
}
Good luck! The site looks good.
[sig moderated as per the Forum Rules]
Thread Starter
lokipp
(@lokipp)
Thanks again!
May the 4th by with you 🙂
Here you can find final result: http://nightscapes.pl/
