duplicate black version body Background color

Posted in: Newspaper
Post count: 57

Hello,

I had to uninstall the black version theme because it’s pages were taking too long to load. I decided I would try to duplicate it instead. However, I came across this problem in which I can not change the default body background color to #1a1a1a from white. I tried changing the background color in General Theme Colors, but only the sides of the body changed with the row remaining white. I also realized that the Black Version had a class called td-black that is responsible for it #1a1a1a background color. So I try this code:
” .td-black .td-trending-now-title {
background-color: orange!important;
}”
from the forum to see what would happen and nothing happened. My question is how can I duplicate the body background color of the black version theme on to my site? or even better how can the black version theme be optimized so that is doesn’t take so long to load?

Thank you.

  • This topic was modified 8 years by Kingx26.
Post count: 22421

Hello,

Each demo has it’s own custom style. if you uninstall the demo, you no longer have it and will need to create it from scratch if you want to replicate a demo style. You will need css skills in order to replicate the black demo layout. The css can be found here for you to inspect: https://www.screencast.com/t/xq7Ks25W4E

The black demo is among the more heavily customized demos we have and replicating it will not be easy as there are lots of css rules involved as you can see in the css file

Thank you!

Post count: 57

I have some css knowledge with angular, but I am new to word press. Could you elaborate more on changing the body of the pages from white to the color of the black version’s body. As of right now I only want the look of the black version not most of it’s features. Check out my site and see what I mean.

http://techsiting.com/

Thank you.

Post count: 57

I tried this and it seems to be working. I’m I on the right path? The only question I have now is how do I change the white doted line at the bottom of the post? I cannot find a css selector for it.
“.td-main-content-wrap {
background-color: #1a1a1a !important;
}

div.item-details:nth-child(1){
background-color: #1a1a1a !important;
}

.td_module_15{
background-color: #1a1a1a !important;
}

div.td-author-by{
background-color: #ffffff !important;
}”

  • This reply was modified 8 years by Kingx26.
Post count: 20688

Hi,

I am assuming you mean the dotted border on the lines inside the Recent posts widget, but I see that you have managed to change it
https://www.screencast.com/t/ypJ9J6hBk
You can use the browser inspector to identify the elements and their classes, it is a very powerful tool
https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/

Thanks

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.