ADD Arrow

ijohnparton
Active member
Topic Author
Member

1 month 3 weeks ago - 1 month 3 weeks ago #51929 by ijohnparton

ADD Arrow was created by ijohnparton

Hi All

How do i add an arrow to the button on the template Coworking below is an example of the two buttons I would like to merge together.
--

Screenshot2025-08-25at08-59-16JoomlaDemoSite-HotJoomlaTemplates.png

===

Screenshot2025-08-25at09-05-04JoomlaDemoSite-HotJoomlaTemplates.png

Thanks
ITW

Last edit: 1 month 3 weeks ago by ijohnparton.

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 month 2 weeks ago #51930 by milos

Replied by milos on topic ADD Arrow

Hello,

Please edit the file /media/templates/site/coworking/css/custom.css and add this:

Code:

button.btn-arrow::after, a.btn-arrow::after {
    content: "\f061";
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    padding-inline-start: 10px;
}

Now, you can add the class "btn-arrow" to all your buttons where you want to have an arrow.

Regards,
Milos

Please Log in to join the conversation.

ijohnparton
Active member
Topic Author
Member

1 month 2 weeks ago #51931 by ijohnparton

Replied by ijohnparton on topic ADD Arrow

Hi Milos

That code works great with normal button, but what i would like to do has well is to add the arrows to the buttons on the banner buttons but to keep the same style. Below is a photo of the style i am on about.

Thanks
---

Screenshot2025-08-27at19-11-44JoomlaDemoSite-HotJoomlaTemplates.png

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 month 2 weeks ago #51932 by milos

Replied by milos on topic ADD Arrow

Hello,

In the same file, below this:

Code:

.carouselrow a.btn {
    margin: 0 7px;
}

Add this:

Code:

.carouselrow a.btn::after {
    content: "\f061";
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    padding-inline-start: 10px;
}

Regards,
Milos

Please Log in to join the conversation.

ijohnparton
Active member
Topic Author
Member

1 month 2 weeks ago #51933 by ijohnparton

Replied by ijohnparton on topic ADD Arrow

HI Milos

Thanks for you help that worked great.

Can you help me with somthing else below i have attached some phonto of my problem what i need is for them to be full width on the phone plese.

Thanks
ITW
--

======

Please Log in to join the conversation.

milos
Support Staff
Moderator

1 month 2 weeks ago #51934 by milos

Replied by milos on topic ADD Arrow

Hello,

I need the link to your website to help you with this. Please provide it.

Regards,
Milos

Please Log in to join the conversation.

Time to create page: 0.375 seconds