Joomla Templates Club 406,261 posts

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#197571

I am using Onepage on my joomla 3.2.2 and i use 3 different themes of JA_Onepage.

My question is, how can i apply custom css to a particular module that is common for all the themes to generate different visuals.

For eg: for the map -> <div class=”section onepage map section6″ id=”map”>
how can i create and additional class say “background” can put different values for themes: retro, metro and modern.

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

#534379

You should be able to create the custom CSS rules by figuring out if the various themes have their own CSS classes specific to that color theme (i.e. “.retro” or “.modern.”), and then simply creating the custom.css rule relative to the theme (i.e. “.retro.logo”)

[dpchap015 Friend dpchap015Join date: September 2011Posts: 300Downloads:75Uploads:57 Thanks: 1 Thanked: 24 times in 1 posts]

#534619

Hi Tom,
Thanks for the reply.
<em>@TomC 426260 wrote:</em><blockquote>creating the custom.css rule relative to the theme (i.e. “.retro.logo”)</blockquote>

So this should be where exactly:
1) ja_onepage/css/custom.css
2) ja_onepage/themes/retro/css/custom.css

If you mean the 1st one, there is no css that is specific to any color theme (.retro) that could allow me to cascade css with a specific property for a specific element (.retro .logo {} ; ). All the themes have their own template.css in the respective folders as “/css/themes/retro/template.css”

If you mean for the 2nd one, i have already created the custom.css in “/css/themes/retro/” with the appropriate properties name but the custom css form these folders never get called.

I also tried adding a call to this custom css in the ja_onepage/css/custom.css as “@import url(/themes/retro/custom.css);” but this doesn’t work either.

Regards.

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

#534649

It should be put within the file path /templates/ ja_onepage/css/custom.css

Can you share an example of a CSS class you are trying to create that doesn’t seem to be working?

[Author]

Posts