Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Changing Styles CSS

Featured Lock Resolved
Hi,

I've changed the CSS for style4.css and replaced the question.png to another image (but kept the same filename). It all works well, however I tried to replicate the same style for Style3 (also creating a style3 image folder with a different question.png image), but when I apply the style to my module, the question image doesn't appear, although the open/close.png do appear - and I can change the look of these.

Can you tell me where I'm going wrong...

Style 4 (working)

/*------------------------------------------------------------------------
# JoomShaper Accordion Module by JoomShaper.com
# ------------------------------------------------------------------------
# author JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.joomshaper.com
-------------------------------------------------------------------------*/
.sp-accordion.sp-accordion-style4 .toggler,.sp-accordion.sp-accordion-style4 .toggler span,.sp-accordion.sp-accordion-style4 .toggler span span{display:block;height:25px;line-height:25px;cursor:pointer}
.sp-accordion.sp-accordion-style4 .toggler span,.sp-accordion.sp-accordion-style4 .toggler span span{font-size:13px;font-weight:700}
.sp-accordion.sp-accordion-style4 .toggler{background:url(style4/question.png) no-repeat 0 50%;border-bottom:0px dashed #1A1A1A}
.sp-accordion.sp-accordion-style4 .toggler span span{background:url(style4/close.png) no-repeat 495px 50%;padding:0 24px}
.sp-accordion.sp-accordion-style4 .active span span{background:url(style4/open.png) no-repeat 495px 50%}
.sp-accordion.sp-accordion-style4 .sp-accordion-inner{no-repeat 0 10px;padding:0px 10px 0px 0px}


Style 3 (working, but question.png doesn't appear in module)

/*------------------------------------------------------------------------
# JoomShaper Accordion Module by JoomShaper.com
# ------------------------------------------------------------------------
# author JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# @license - http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
# Websites: http://www.joomshaper.com
-------------------------------------------------------------------------*/
.sp-accordion.sp-accordion-style3 .toggled,.sp-accordion.sp-accordion-style3 .toggler span,.sp-accordion.sp-accordion-style3 .toggler span span{display:block;height:25px;line-height:25px;cursor:pointer}
.sp-accordion.sp-accordion-style3 .toggler span,.sp-accordion.sp-accordion-style3 .toggler span span{font-size:13px;font-weight:700}
.sp-accordion.sp-accordion-style3 .toggled{background:url(style3/question.png) no-repeat 0 50%;border-bottom:0px dashed #1A1A1A}
.sp-accordion.sp-accordion-style3 .toggler span span{background:url(style3/close.png) no-repeat 495px 50%;padding:0 24px}
.sp-accordion.sp-accordion-style3 .active span span{background:url(style3/open.png) no-repeat 495px 50%}
.sp-accordion.sp-accordion-style3 .sp-accordion-inner{no-repeat 0 10px;padding:0px 10px 0px 0px}

3 Answers

Tony

More than a month ago #Permalink
lol...thanks radiowanderer,

I spent hours on this and couldn't see the forest for all the trees! Problem solved

jpberry

More than a month ago #Permalink
Did you see the typing error?
.toggled{background:url(style3/question.png)

instead of
.toggler{background:url(style3/question.png)


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 103
Toufiq

Toufiq

Total Accepted Answers: 88
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 87
Kamruzzaman Alam

Kamruzzaman Alam

Total Accepted Answers: 2
Rifat Wahid Alif

Rifat Wahid Alif

Total Accepted Answers: 2

115

Templates

295738

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us