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

Your Time: Our Time:

Try to style background of button

Featured Lock Resolved Issue
I need help to style the button background color.

In the CSS-class field on all buttons I add: .frmbtn

In custom.css I have:
.frmbtn {
background-color: #9a6534 !important;
}

When I create a button I expect the button to have a brown background. But the styling is ignored.

For example. On my startpage (http://www.frmclinicssweden.com) I have a Button-addon where I refeer to this class in the settings. Still it looks like this (see image)

What do I do wrong?

Kind regards
Ola

Attachments (1)

  • Helixt_button.JPG
    Helixt_button.JPG 27.5 KB

7 Answers

Ofi Khan - Staff

3 weeks ago #Permalink
Please add this to Custom CSS and check:

#btn-1573738378012 {
background-color: #9a6534 !important;
}


- Best regards

Ola

3 weeks ago #Permalink
Thanks a lot Ofi!:)

Ofi Khan - Staff

3 weeks ago #Permalink
Thanks a lot Ofi!:)


You are welcome, Ola :D

Ola

3 weeks ago #Permalink
If you by any chance have the time to look at this question I would be more than happy. Last thing I need to fix on the site: Titlehttps://www.joomshaper.com/forums/add-a-button-to-the-right-of-top-menu

Have a nice weekend!
Ola

Ofi Khan - Staff

3 weeks ago #Permalink
If you by any chance have the time to look at this question I would be more than happy. Last thing I need to fix on the site: Titlehttps://www.joomshaper.com/forums/add-a-button-to-the-right-of-top-menu

Have a nice weekend!
Ola


OK I will check it.
You too have a nice weekend.

- Best regards

Ola

3 weeks ago #Permalink
Thanks Ofi!:)

Your styling works on one of the buttons. The brown one.

I added addtional buttons (below the brown) and they are not styled. How come? You refeer to #btn-1573738378012. See attachement.

I have added this code cause all buttons need to have the same styling.

#btn-1573738378012 {
background-color: #9a6534 !important;
color : #ffffff; !important;
font-family : "Oswald" !important;
text-transform: uppercase !important;
}


Best regards
Ola

Attachments (1)

  • Helixt_button2.JPG
    Helixt_button2.JPG 272.1 KB


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

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 107
Toufiq

Toufiq

Total Accepted Answers: 61
Sifat

Sifat

Total Accepted Answers: 45
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 18
Ofi Khan

Ofi Khan

Total Accepted Answers: 18

118

Templates

306022

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