Forum Support

Shape 5
March 29, 2024, 02:02:44 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Diferent look of buttons  (Read 691 times)
wirex
Jr. Member
**
Offline Offline

Posts: 11



« on: May 04, 2015, 01:39:39 PM »

Hi,

I have page with two buttons on it:
http://s572503108.domenaklienta.pl/trial1429728720/index.php/wydarzenia/

1st: "Potwierdź obecność" mean Confirm and 2nd "Szczeg?ły" mean Details. Both have different look/color. How can I make look the same? I would like to use color as are in Gamer templates (blue)

Thanks,
Wirex
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #1 on: May 05, 2015, 05:21:26 PM »

Hello,

Your account is currently flagged as a "Free" member. You will need to have an active subscription to utilize the club forums.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
wirex
Jr. Member
**
Offline Offline

Posts: 11



« Reply #2 on: May 06, 2015, 02:33:25 AM »

Hi,

I have followed your instruction and cleared cache and cookies. Hopefully you can answer my query now.

Thanks.
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #3 on: May 06, 2015, 03:56:30 PM »

Hello,

Thanks your account has been verified and upgraded.

Your extension com_eventsbooking doesn't appear to use its own styling for its buttons. You should be able to add this to the custom.css file to add some colors/styling for then.

1) Add this:

Code:
custom.css

.btn {
     background: none repeat scroll 0% 0% #006dcc;
     padding: 6px 18px;
}

.btn:hover {
     background: none repeat scroll 0% 0% #0044cc;
}

2) Edit the color value for the text to white in the joomla file below:

Code:
bootstrap-default.css - line 5098

a.btn {
    color: #fff !important;
}
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
wirex
Jr. Member
**
Offline Offline

Posts: 11



« Reply #4 on: May 07, 2015, 03:30:19 AM »

Hi,

Thanks for your reply. It worked. Just one remark regarding font color. I've changed code in line 5040 in bootstrap-default.css

Just one another question. How changes in Css code will act when I upgrade joomla, template or extension?

Thanks
Logged
mikenicoll
Global Moderator
*****
Offline Offline

Posts: 20162



WWW
« Reply #5 on: May 07, 2015, 10:55:48 PM »

Hello,

The custom.css file wont change but the bootstrap files will. I think bootstrap was using a !important call for some reason which is why a custom.css file override wouldn't have worked but the other ones did.
Logged

Mike Nicoll
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.