Joomla Templates Club 406,261 posts

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#183370

Hello,

How can I change color of the background of the article previews in the minimalist theme?

Since the main background is white also, I was thinking a light subtle color for the article preview backgrounds instead of also white.

Thanks

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#477309

Hi seaneo,

can you post your live url?i haven’t installed one with my local pc.

Thanks

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477317

thanks – URL is http://173.254.15.37/

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#477368

Hi Seaneo,

Try with item page block as below:

.item-page{
background-color: #color_code ;
}
Hope this helps.

Regards
<em>@seaneo 351974 wrote:</em><blockquote>thanks – URL is http://173.254.15.37/</blockquote>

1 user says Thank You to HeR0 for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477408

Thanks – HeRo – Can you tell me what file that is in? I’m afraid I need specific folders and files until I understand file structures better, etc – thanks!

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#477446

<em>@seaneo 352078 wrote:</em><blockquote>Thanks – HeRo – Can you tell me what file that is in? I’m afraid I need specific folders and files until I understand file structures better, etc – thanks!</blockquote>

Hi,

Please check the overridden layout folder in JA Wall template, you can find file templates/ja_wall/html/com_content/article/default.php .

Regards

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477505

Thanks HeRo –

Where in the file should the code go?

I tried it at very bottom , and also just above the last “div class” (where it is now) but no effect

Hex color code or decimal, or does it matter?

many thnaks

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#477519

Oh, no. Please add css rule

.item-page{
background-color: #color_code ;
}
into templates/ja_wall/css/template.css file.

Regards
<em>@seaneo 352194 wrote:</em><blockquote>Thanks HeRo –

Where in the file should the code go?

I tried it at very bottom , and also just above the last “div class” (where it is now) but no effect

Hex color code or decimal, or does it matter?

many thnaks</blockquote>

1 user says Thank You to HeR0 for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477553

Hi HeRo – oops – this was a misunderstanding, What this bit of code did was change the background color of an actual article. I wasn’t looking for that, although now I know how thanks.

What I am looking for is to change the background color of an article preview in minimalist on the home page.

See reference here: http://easycaptures.com/6516197380

The effect I am looking for is to have a different color than white on an article preview, so that there is not so much white space on the home page

What could be the code for that and where could I put it?

Thanks

[HeR0 Friend HeR0Join date: August 2011Posts: 3626Downloads:0Uploads:61 Thanks: 33 Thanked: 588 times in 549 posts]

#477604

In the order to do that, open file /templates/ja_wall/themes/minimalist/css/theme.css and you can change background color in css rule as below:

.item .item-inner {
background: white;
border-radius: 0;
box-shadow: none;
transition: box-shadow .2s ease 0s;
margin: 10px;
}
.item .item-main {
padding: 0;
background: white;
}

You can change background color as you wish.

Hope this helps. 🙂

Regards

1 user says Thank You to HeR0 for this useful post

1. seaneo

[seaneo Friend seaneoJoin date: December 2009Posts: 421Downloads:4Uploads:49 Thanks: 244 Thanked: 12 times in 1 posts]

#477635

got it did it done – gracias!

[Author]

Posts