Modifying template styles?

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
10/16/2013 6:41:49 PM
Gravatar
Total Posts 62

Modifying template styles?

Hi,

I am trying to duplicate "faqs" style (Data\style\common\style.css) used for ckeditor template and create my own while keeping the original intact but I am not able to find jquery where I can make this change. Or is there a better way of doing this?

10/17/2013 11:52:25 AM
Gravatar
Total Posts 18444

Re: Modifying template styles?

Hi,

Instead of duplicating it just override what you want.

For example suppose you want to override this:

.faqs{padding-top:20px}

Go into Page Settings and put a custom css class on the page where you want your faq. For example name the css class myfaq. The class will be applied to the body element.

Then you can override the style on that page like this:

.myfaq .faqs{padding-top:30px}

this makes a more specific css selector to make it possible to override style rules.

just make sure that the css file you put it in is lower in the list in style.config so it comes after the style you want to override.

Hope that helps,

Joe

10/17/2013 12:06:22 PM
Gravatar
Total Posts 62

Re: Modifying template styles?

Thanks Joe,

I guess it should work. I was just hoping that I could duplicate faqs functionality. Otherwise, I would have to improvise with the image overriding.

10/17/2013 12:15:05 PM
Gravatar
Total Posts 18444

Re: Modifying template styles?

All we're doing to wire up the faq is a snippet of javascript:

$('.faqs dd').hide();$('.faqs dt').hover(function(){$(this).addClass('hover')},function(){$(this).removeClass('hover')}).click(function(){ $(this).next().slideToggle('normal'); });​

you can always add your own custom script with your own jquery class selectors then you can use whatever css classes you want.

the advantage of just overriding the style is that you don't have to add any script of your own.

You must sign in to post in the forums. This thread is closed to new posts.