Public Forums 71,145 posts

[gringo211985 Friend gringo211985Join date: May 2012Posts: 678Downloads:197Uploads:121 Thanks: 77 Thanked: 123 times in 27 posts]

#197376

Hi guys,

I have changed the css for the “live demo” button in /purity3/css/bootstrap.css and only the non-hover version is taking effect. How can I make the hover css settings take effect?

I have edited this part of bootstrap.css

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
color: #ffffff !important;
background-color: #327e43 !important;
border-color: #255d31 !important;

but as I said, the changes aren’t taking effect even with the !important bit

[MoonSailor Friend MoonSailorJoin date: November 2011Posts: 1106Downloads:0Uploads:245 Thanks: 89 Thanked: 248 times in 223 posts]

#533557

<blockquote>
I have changed the css for the “live demo” button in /purity3/css/bootstrap.css a
</blockquote>

It is not recommended to edit that file since it will be overridden when you upgrade the template or compile Less to CSS.

<blockquote>
but as I said, the changes aren’t taking effect even with the !important bit
</blockquote>

Instead, please create a new file “custom.css” in folder “templates/purity3/css” (if it does not exists) then insert your custom css code into this file.

If it still does not help, pls PM me admin, url and ftp access your site, I’ll investigate further and help you out.

[Author]

Posts