ICONS on accordions and buttons

ICONS on accordions and buttons was created by Witchypaws

Posted 1 year 4 months ago #66682
HI Ced

I need guidance on how to do two things in the Page Builder elements please

On buttons, I want to place icons on the right hand side of the text no the left

On the accordions, I want to change the symbols used for open and close (2 different symbols) and I also want them to be placed on the right of the accordion bar not the left

Can you please help

Jacqui

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic ICONS on accordions and buttons

Posted 1 year 4 months ago #66706
Hi

On buttons, I want to place icons on the right hand side of the text no the lef

I have noted that, I will check

On the accordions, I want to change the symbols used for open and close (2 different symbols) and I also want them to be placed on the right of the accordion bar not the left

This can only be done using custom css

for closed state
Code:
.accordionsck .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e { border-width: 0; background: red; width: 10px; height: 10px; }
for open state
Code:
.accordionsck .ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e { border-width: 0; background: blue; width: 10px; height: 10px; }

you can replace the background colors with your image,and update the dimensions
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Witchypaws on topic ICONS on accordions and buttons

Posted 1 year 4 months ago #66710
HI Ced

Re the accordions icons, thanks for the styling tip

However, I want to replace the triangle with a plus and minus sign please, how do I do that

Let me know about the button icons postioning when you have that info

Thanks

Jacqui

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic ICONS on accordions and buttons

Posted 1 year 4 months ago #66729

I want to replace the triangle with a plus and minus sign please, how do I do that

as explained :

you can replace the background colors with your image

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by Witchypaws on topic ICONS on accordions and buttons

Posted 1 year 4 months ago #66731
Hi Ced

I am still unsure what I am replacing and how

Are you saying, I replace the icon itself by changing ui-icon-triangle-1-e to another icon name e.g. ui-icon-plus

or are you saying I need to add a line in the css that adds a background image

If the first option, where do I find a list of ui icons I can use please

Thanks

Jacqui

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic ICONS on accordions and buttons

Posted 1 year 4 months ago #66733
to be clear : there is no option to replace these icons. If you want to do that, you must do it using your own CSS skills

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Time to create page: 0.857 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 840 guests and no members online