Public Forums 71,145 posts

[migzam Friend migzamJoin date: November 2010Posts: 14Downloads:0Uploads:1]

#156784

Hi, I need to set a default background for all articles to have a transparent look and rounded corners. Is this possible? If so, can someone point me in the right direction?

Is there a place in the css that I would insert the background image? Would it be standard background syntax?

Thank You for any help.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#364323

Dear migzam,

The article (or the main content) is wrapped in the DIV with class ja-content-main. You could base on this div to style your content.

To update the markup for main content, you can open file template/ja_purity_ii/layouts/blocks/main.php, find the div with that class, and make your change there.

Hope this is enough guide for you to customize the template.

[migzam Friend migzamJoin date: November 2010Posts: 14Downloads:0Uploads:1]

#364416

Yes, thank you that was what I was looking for,

[thewraith2 Friend thewraith2Join date: March 2010Posts: 27Downloads:0Uploads:5 Thanks: 2]

#367003

I’ve been trying to get my Purity II template to mimic the “JA Pryo” template, in that the main content and any modules are encased inside a bordered, white area, where you can have a background image/color define the main content.

http://www.joomlart.com/demo/#templates.joomlart.com/ja_pyro

The White main content and White background, on articles that have some length to them, could cosmetically benefit from being properly “framed”. Unfortunately, CSS is something I’m only good at tinkering or tweaking. Has anyone modified their “main-rounded.css” to (frame) the main content in the manner I’m wanting?

[Phan Gam Friend Phan GamJoin date: June 2008Posts: 216Downloads:0Uploads:2 Thanks: 4 Thanked: 39 times in 38 posts]

#367646

<em>@thewraith2 208812 wrote:</em><blockquote>I’ve been trying to get my Purity II template to mimic the “JA Pryo” template, in that the main content and any modules are encased inside a bordered, white area, where you can have a background image/color define the main content.

http://www.joomlart.com/demo/#templates.joomlart.com/ja_pyro

The White main content and White background, on articles that have some length to them, could cosmetically benefit from being properly “framed”. Unfortunately, CSS is something I’m only good at tinkering or tweaking. Has anyone modified their “main-rounded.css” to (frame) the main content in the manner I’m wanting?</blockquote>

Hi,
To define background for JA Pyro main-content, you can do that by modifying the css alone. Articles in content is wrapped in the Div with class ja-mainbody, so you can can define css style for this class.
For example: to change background color for main-content, you can do it as follows

1. Open template.css file in templatesja_pyrocss folder.
2. Find css code section for #ja-mainbody class
set
background-color:{your color code};
or
background: {image-url} repeat-x scroll left top ;
You can usign firebug add-on to show html mockup for getting css class of content blocked
Hope that helps

[Author]

Posts