×

Notice

The forum is in read only mode.
Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Need CSS Help

Need CSS Help 9 years 4 months ago #29522

  • Michelle Finch
  • Michelle Finch's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 4
I'm having trouble finding out where a color is coming from in the Event List page.

exaltyoga.com/workshops/current-workshops

The "Event Details" and "Book Now" buttons have awful colors. It would seem the text color is coming from my joomla template which I'm fine with, but I can't find where the button background color is coming from. Can you tell me which CSS file and which entry this is in so I can change it? For both buttons, it's calling:
class="btn btn-primary mat_btn_book"
I'm just having issues finding this. I appreciate your help.
The following user(s) said Thank You: ranlaveresteph

Need CSS Help 9 years 4 months ago #29529

  • Yves Hoppe
  • Yves Hoppe's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 3519
  • Karma: 71
  • Thank you received: 556
Hi Michelle,

it comes directly from an style tag in the header of your template (Probably not a good idea to put it there) on line 44:

#rt-main-column a, .rt-sidebar-surround .box1 .rt-block a, .rg-list-view .item-title, .rg-grid-view .item-title, .rg-detail-item-title, .content-tabs .roktabs-wrapper .roktabs-links ul li.active span, #rt-breadcrumbs a, #rt-content-top .title span, #rt-content-bottom .title span, #rt-main-column .component-content .contact h3.title a, #rt-popup a, #rt-popuplogin a {
color: #547d1a;
}

The btn is an "a" (link) HTML element - so the above code affects it.

You could the following css to change the color to white:

.compojoom-bootstrap .btn-primary {
color: #fff !important;
}

Just put it into your Joomla templates CSS file.

Kind regards,

Yves
The following user(s) said Thank You: ranlaveresteph

Need CSS Help 9 years 4 months ago #29533

  • Michelle Finch
  • Michelle Finch's Avatar Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 8
  • Thank you received: 4
You are awesome! That got me what I needed. I added the below code to my template.css file:
/* Matukio specific CSS */
.compojoom-bootstrap .btn-primary {background-color: #432B94;color: #fff !important;}
You will be getting a well deserved 5 star rating from me on the Joomla extension listing!
The following user(s) said Thank You: ranlaveresteph
  • Page:
  • 1
Time to create page: 0.110 seconds