Archived

This topic is now archived and is closed to further replies.

  • 0

Decker Documentation for Decker?

Question

Posted · Report post

Is there a documentation for Decker, however minimum it is (even if it's to say that the following are not yet possible)?

E.g.

1) How to customize the color of the tabs (menu and content, text and background)

2) How to customize the shape and color Decker's box shadow (including how to remove it)

3) Recommended image size (I've worked that out manually and it would make it easier if you could announce that upfront)

4) How to specify which tab should open first (right now it's always the one a the top)

5) Explain how to put the tabs on the left and the image on the right. In my installation the "flipt the layout" option does nothing I am aware of.

 

If not, could you make it easy on us mortals and tell us which files to play with?

With the above Decker would be shining. As it is it's OK.

Much appreciated!

Share this post


Link to post
Share on other sites

8 answers to this question

Posted · Report post

I wish I could help you out but IE issues always take a fair amount of time. Without looking, it's likely those color are still using rgba and old IE8 versions don't understand this so you'll have to force a hex color instead.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi

1. Yep you can use CSS to customize any of this. The colors are taken from your base background color set in color options.

2. Again, CSS can be used to customize any of this.

3. This depends on the size of the parent container. Use inspector to get an accurate gauge of this.

4. There's currently no option to specify which tab shoudl open first, as it will always be the first.

5. Flip layout, does exactly that. It puts the tabs on the left, and the image on the right.

 

Nick

Share this post


Link to post
Share on other sites

Posted · Report post

Thank you for the prompt reply. 1) How to customize the color of the tabs (menu and content, text and background) Kindly indicate which css class to use for what. I would like to separate my base background color set from that of Decker. 2) How to customize the shape and color Decker's box shadow (including how to remove it) Kindly indicate which css class to use for what. 5) "flip the layout" option does nothing on my end. Am testing on a clean install of wordpress and pagelines. How to troubleshoot?

Share this post


Link to post
Share on other sites

Posted · Report post

I recommend learning how to use the inspector tool in Chrome to get the appropriate classes to style.

 

About the "flip layout" yeah seems to be a bug. not sure when that crept in but I'll get that patched up here shortly.

Share this post


Link to post
Share on other sites

Posted · Report post

I got everything working fine in Chrome, Firefox and Safari but not IE.

Somehow the grey background still appears for .link-header and .link-header:hover

What am I missing?

Here is what I use:

.decker, .decker.decker-clone {background: #FFF; border:none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}

.decker-accordion > .link-header {background-color: #ffffbf; background-image: none; border-top: 1px solid #f90; color: #000;}

.decker-accordion > .link-header:first-child {border-top: #f90; background-color: #ffffbf; background-image: none; }

.decker-accordion {background: #ffffbf;}

.decker-accordion > .link-header:hover {background-color: #ffffbf; background-image: none; text-decoration: underline;}

Share this post


Link to post
Share on other sites

Posted · Report post

Classes to style: kindly make this easy, not a major pain for novices. We're talking about few classes here. I am guessing: decker-accordion link-header active link-header link-content So What's the code to use? I want to change the background color of the tabs and remove the box shadow .link-header {background-color:#fff;} doesn't work Flip layout: thank you. How do I know + update when you are done?

Share this post


Link to post
Share on other sites

Posted · Report post

If I helped everyone customize their sites I would be here forever. If you learn how to use inspector, you'll be able to do a lot more instead of just asking for the code to do it.

Share this post


Link to post
Share on other sites

Posted · Report post

Indeed. I confess to laziness. Inspector tool for chrome is a godsent. Thank you for that.

Flip layout: thank you. How do I know + update when you are done?

Share this post


Link to post
Share on other sites