Jump to content
sgendry

Documentation for Decker?

Recommended Posts

sgendry    1
sgendry

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
beardedavenger    158
beardedavenger

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


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
sgendry    1
sgendry

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
beardedavenger    158
beardedavenger

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.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
sgendry    1
sgendry

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
beardedavenger    158
beardedavenger

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.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites
sgendry    1
sgendry

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
sgendry    1
sgendry

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
beardedavenger    158
beardedavenger

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.


Something big is coming for DMS + photographers.

http://fotostheme.com

 

Nick Haskins & CO - New home for all of my PageLines Store products! 

http://nickhaskins.co

 

Better DMS - News, Tutorials, and Tips

http://betterdms.com

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • peter88
      By peter88
      Hi,
       
      is it possible to show the content of the post in the accordion (I'm using post mode for decker). So for example can i override the sections.php in my child theme because you use the_excerpt function? I don't wan't to change the core files of the decker :)
       
      thx
       
      Peter
    • peter88
      By peter88
      Hi,
       
      i want to create the content of my site multilingual and I'm using WPML for it (German, English). But WPML can't find the text or title of the inserted decker items.
      Is there a way how i can translate the text of the decker items?
       
      thx for help
       
      Peter
    • markwphoto
      By markwphoto+
      Whenever I update Decker to v. 1.3. When I go back up to my site I get an error that the number of slides do not match the number images. I deleted all the slides and recreated them. If I create one slide it works great but anything more than one I get the above error message. Any help would be appreciated. I have reverted back to a previous version for now. 
    • sabbadoo32
      By sabbadoo32
      Is there a way I can still use 1.2, but with 8 tabs?
    • carlton
      By carlton
      I love this Section!
      Only one small problem. I changed the width to 1000, which looks great on desktop.
      However, on the mobile version, it creates some dead space between the photo and the Decker headline (sorry, I don't have a screencap).
      Is this because I have monkeyed with the width? Do I need to return to the default 600 x 400 in order to get display perfect on all devices?
       
      Thanks
×