WordPress.org

Ready to get started?Download WordPress

Forums

Arconix Shortcodes
[resolved] Can't seem to align the toggle to the right (21 posts)

  1. Pemsas
    Member
    Posted 1 year ago #

    I Can't seem to align the toggle and/or the toggle title to the right, why? It wont even allow me to change the color of the toggle title?

    http://wordpress.org/extend/plugins/arconix-shortcodes/

  2. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Pemsas,

    Thank you for using my plugin. These changes will likely on be accomplished via CSS. Is that what you are doing?

    add the following somewhere in your theme's style.css

    .arconix-toggle-wrap {
        background-color: ENTER_YOUR_COLOR_HERE !important;
        border: 1px solid ENTER_YOUR_COLOR_HERE !important;
    }
    
    .arconix-toggle-title {
        background-position: right !important;
        text-align: right;
    }
    
    .arconix-toggle-title.active { background-position: right !important; }

    That aligns the image and the toggle title to the right. You'd have to swap out ENTER_YOUR_COLOR_HERE with your actual color hex code you'd like to use, but other than that it should work just fine.

  3. Pemsas
    Member
    Posted 1 year ago #

    1) Go to http://websiteresolution.com/
    2) Click on the tab (Why Pick Us!)
    3) Scroll down to the bottom of the page

    You will see two toggles MORE superior Services and Not Currently Being Offered. What I am trying to do is have MORE superior Services stay where it’s at and have Not Currently Being Offered on the same line as MORE superior Services but for it to be on the right and for both of them to be written in red instead of black.

  4. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    I think I understand. You want both items to be side by side, one aligned left and the other aligned right, correct?

    As far as the alignment, try this:

    [one-half]
    [toggle title="MORE Superior Services"]INSERT YOUR TOGGLE CONTENT[/toggle]
    [/one-half]
    [one-half last="y"]
    [toggle title="Not Currently Being Offered"]INSERT YOUR TOGGLE CONTENT[/toggle]
    [/one-half]

    To make the titles red, add the following CSS to your style.css file:

    .arconix-toggle-title {
    color: red !important;
    }

    Let me know how you make out.

  5. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    edit: double post

  6. Pemsas
    Member
    Posted 1 year ago #

    Kinda of.

    I need Not Currently Being Offered moved down some so that it doesn't display a split version of what's being wrote under the toggle.

  7. Pemsas
    Member
    Posted 1 year ago #

    I only want the toggles titles to be red under that one section, when I enter that code it changes the toggle color to red on all pages. How can I tell it just to make those two toggle titles to be red?

  8. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    "I need Not Currently Being Offered moved down some"

    I don't understand. Could you explain further?

    "I only want the toggles titles to be red under that one section"

    .home .arconix-toggle-title {
    color: red !important;
    }

    That should only turn toggle titles on the home page red. If you still run into issues with that, modify your toggle shortcodes like so:

    [toggle title="Not Currently Being Offered" css="toggle-home"]INSERT YOUR TOGGLE CONTENT[/toggle]

    and then modify the css like so

    .toggle-home .arconix-toggle-title {
    color: red !important;
    }
  9. Pemsas
    Member
    Posted 1 year ago #

    That worked perfectly.

    http://websiteresolution.com/
    Click Why Pick Us!

    What I would like to do is have them leveled. But when someone clicks on either MORE Superior Services or Not Currently Being Offered it would drop that toggle down giving them a fill view of what is listed not a spit view. Is thats possible

  10. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    I understand now. It sounds like the accordion shortcode would be more appropriate for you.

    https://arconixpc.fogbugz.com/default.asp?W4

  11. Pemsas
    Member
    Posted 1 year ago #


  12. Pemsas
    Member
    Posted 1 year ago #


  13. Pemsas
    Member
    Posted 1 year ago #

    I used it but nothing happened. Its just blank

  14. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    Can you post the short code text you're using?

  15. Pemsas
    Member
    Posted 1 year ago #

    [accordions]
    [accordion title="Accordion 1"]
    Accordion 1 Content here
    [/accordion]

  16. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    You need to close the accordions... add [/accordions] after the last [/accordion].

    And make sure on the last accordion in the group you add last="y" after the title.

  17. Pemsas
    Member
    Posted 1 year ago #

    That is resolved. But can you help me with another issue please.

    How do I get rid of the stupid dots next to each tabs? example http://websiteresolution.com/products/

    and how can I space them out further?

  18. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    I'm going to release a fix tonight that does a better job controlling for themes that try to force the list items to show the bullet points so that'll be solved there.

    Regarding the spacing between tabs, you'll need to add the following CSS to your theme's style.css:

    .arconix-tabs-horizontal ul.arconix-tabs li {
         margin-right: 15px !important;
    }

    Change the margin to whatever pixel amount you'd like. The plugin default is 5px.

  19. Pemsas
    Member
    Posted 1 year ago #

    Perfect. Thank you for the help.

  20. geologist
    Member
    Posted 1 year ago #

    John,
    Glad I found this thread. Seeing the actual example of how to add custom css to the shortcode AND giving us the example of the css selector was very helpful. Would you consider adding some of these types of examples to your documentation?

    Thanks very much for this compatible plugin.

  21. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    Hi geologist,

    Yes, I plan on doing a massive overhaul of my documentation over the next few months and plan on incorporating additional examples of intermediate and advanced customizations.

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic