The default body text color on the “Scandal” theme is an unreadable yellow. How do I change this to something else? Also, how do I change the size of the body text?
I’ve looked through the settings, which only let you change the font, not its size or color…
Thanks in advance!
Hello newsmaguser,
If you want to change the color and the font-size for this section you should use the code below and place it in Theme panel->Custom CSS area.
The code is ->
.td-scandal .td-scandal-big-grid .td-grid-style-2 .td-big-grid-meta {
background-color: green!important;
}
.td-scandal .td-scandal-big-grid .td-grid-style-2 .td-big-grid-meta a{
color:white;
font-size:25px;
font-family:Arial;
}
The result is here -> https://www.screencast.com/t/zxNZZdNYK
Notice that the Font should have to be loaded from Theme panel if you want to change it.
Thanks for the message!
Thanks for getting back to me. Unfortunately, that’s not the area — I was referring to the main article text and its font size and links that uses a yellow color as standard that’s unreadable (See image below).
The blockquote text has the same color.
Hello newsmaguser,
Please keep in mind that the yellow color which is present in Scandal Magazine Demo is the main theme color which is available for the entire theme. So, if you want to change this color for your above-presented section, you should use the code below and place it in Theme panel->Custom CSS Area.
The code is ->
.td-scandal .td-post-template-4 header {
background-color: red!important;
}
blockquote p {
color:red!important;
}
The result is -> https://www.screencast.com/t/LsGbaNKeb5QN
Also, if you want many changes for this demo version, you should try to check the style.css core file for this demo and you should do it yourself all of them because we cannot provide customization services at the moment, sorry! -> https://www.screencast.com/t/125CQ8zI
Thanks for your understanding!
Unfortunately that doesn’t work for me, I’d like to keep the yellow background for title and change the color on the link. Where do I find the code to specifically target the body text?
Hello newsmaguser,
If you want to change the color of the link, you should use the code below and place it in Theme panel->Cusotm CSS area.
The code is ->
.widget a:hover{
color:red!important;
}
The result is here ->https://www.screencast.com/t/oKMBVS6Gko This is for widget area. If you want for the entire website, yo should remove the .widget code.
IUf you want anything else, you should provide more details about what you want to achieve so I will be able to provide a more accurate response.
Thanks for the message!
I’m afraid that doesn’t do the job. I’m trying to change the color and font size on the body text of the article. Here is your demo page: https://demo.tagdiv.com/newsmag_scandal/2016/04/19/td-post-the-next-wave-of-superheroes-has-arrived/
Here is a screenshot of the area:
Hello newsmaguser,
If you want to make these changes, you should use the code below and place it in Theme panel->Custom CSS area. The code is ->
.td-post-content p{
font-size: 20px;
}
.td-post-content blockquote p{
color:red!important;
}
The result is here -> https://www.screencast.com/t/GWExdii8
Thanks for the message!
That seems to have done the job, thanks for the help!
