Can't seem to align the toggle to the right

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.

1) Go to https://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.

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.

edit: double post

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.

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?

“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;
}

That worked perfectly.

https://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

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

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

I used it but nothing happened. Its just blank

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

[accordions]
[accordion title=”Accordion 1″]
Accordion 1 Content here
[/accordion]

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.