Joomla Templates Club 406,261 posts

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#196647

How do I change the body font colour to black in the active article with the white background and white in all other articles with the black background. If I change

.view-featured .article-intro, .blog-featured .article-intro, .blog .article-intro {color: #000000} all article fonts change to black.

I thought I could just change active article to black here eg

.item.active article .view-item {color: #000000} but this doesn’t work either.

Can you tell me which bit of css would do this please.

Many thanks

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#530439

So that we can try to best assist you, please provide the url of the site you’re working on,
as well as temporarily set “Optimize CSS” to “No/Off” within your Template Manager–General settings

1 user says Thank You to TomC for this useful post

1. alexsmirnov

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#530527

Thanks here is url

http://parkwoodairliebeachaccommodation.com.au/joomla/

optimize css set to off

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#530537

Go to this File: /templates/ja_smashboard/css/template.css

Replace this code


body { background: #fff url("../images/body-bg.jpg") repeat; background-size: cover; background-attachment: fixed; color: #666 font-family: 'Open Sans', arial, sans-serif; line-height: 1.5; margin: 0; height: 100%; }

with


body { background: #fff url("../images/body-bg.jpg") repeat; background-size: cover; background-attachment: fixed; color: #000 font-family: 'Open Sans', arial, sans-serif; line-height: 1.5; margin: 0; height: 100%; }

1 user says Thank You to chavan for this useful post

1. Leon Cuzzilla

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#530725

That changes the active article but not the articles to the right as the background is dark you can’t see the writing. Is there any way to make these articles have white writing.

---

Attachments:

1. 

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#530941

@ imatilda,

Please create a new file called “custom.css” in the /templates/your_template_name/css/ path, then add this rule:

.item article {
background: #FFFFFF;
}
.item article:hover {
background: #FFFFFF;
}
.blog-featured .article-intro, .view-featured .article-intro, .blog .article-intro {
height: 11em;
}

* You can change the color in red as you wish.

Also, you can refer to this tip to use the class suffix for customisation. Then add CSS style for such suffix via the /templates/your_template_name/css/custom.css file.

Hope this helps.

2 users say Thank You to Nazario A for this useful post

1. Leon Cuzzilla
2. alexsmirnov

[Leon Cuzzilla Friend Leon CuzzillaJoin date: September 2014Posts: 156Downloads:4Uploads:35 Thanks: 44 Thanked: 5 times in 1 posts]

#531668

Thanks I’ll make these customisations.

[Author]

Posts