We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Problems with Accordian Title Padding and Question Colors

Featured Lock Resolved Issue
Hi I am using the accordion addon and the title has no padding on title and is flush left against the edge.. All the questions in the accordion have blue text. I have tried to turn them green like default colors, but none of the setting will take and is not right. As mentioned titled It is flush against left side as mentioned. I need help. I'm not a programmer:(

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
you don't have to be a programmer or touch PHP nor HTML code to change it.

But first please show me where you have it OR at least screenshot.

Michael

More than a month ago #Permalink
Hi,
you don't have to be a programmer or touch PHP nor HTML code to change it.

But first please show me where you have it OR at least screenshot.


As you can see here the title of the page has no padding or left margin and the question text is blue. Annotation 2020-06-02 084523.jpg

Attachments (1)

  • Annotation 2020-06-02 084523.jpg
    Annotation 2020-06-02 084523.jpg 86.2 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Ad 1)
In Page Option > Custom CSS > paste this

.sppb-addon-accordion .sppb-addon-title {padding-left: 15px;}


Ad 2) In Page Option > Custom CSS > paste this

.sppb-addon-accordion .sppb-panel-title {color: #79837E;}


This is very basic CSS only, we teach this in High-School now. No programming needed.

Attachments (1)

  • foto_4154_2020.jpg
    foto_4154_2020.jpg 32 KB

Paul Frankowski - Staff

More than a month ago #Permalink
But in Accordion > Accordion Style > Custom
you can define all colors from options below. No CSS is needed.

Michael

More than a month ago #Permalink
But in Accordion > Accordion Style > Custom
you can define all colors from options below. No CSS is needed.

from options below? I know where cutom css is. I tried to adjust using custom option and they would not apply when saved.

Paul Frankowski - Staff

More than a month ago #Permalink
https://www.joomshaper.com/documentation/sp-page-builder/sp-page-builder-3

How to Tip > How to use Custom CSS

Besides, check screenshot / attachment which I put 4h ago


There are no replies made for this post yet.
Be one of the first to reply to this post!

124

Templates

331651

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us