Joomla Templates Club 406,261 posts

[lancia Friend lanciaJoin date: July 2013Posts: 20Downloads:4Uploads:2]

#207763

How do i change the colours of the sidemenu icon (says quick links) on our webpage..

I want to change the hover over colour and the normal colour and the font colours.

Thanks.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#575230

Hi there
Please provide screenshot which elements you want to change.

Thank you,
Viet Vu

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#575399

Try This . . .

Add the following CSS rule to your custom.css file:


.btn-primary {
background-color: #d42b1e;
border-color: #be261b;
color: #ffffff;
}

Modify the “background-color” property to whatever color you want for the button.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That Helps.

[lancia Friend lanciaJoin date: July 2013Posts: 20Downloads:4Uploads:2]

#575503

Hi that seems to work, however we want to change the hover over colour, and looking at the code the border colour is there but does nothing, do we need to specify a border width? and if so how?

[lancia Friend lanciaJoin date: July 2013Posts: 20Downloads:4Uploads:2]

#641833

Hi that seems to work, however we want to change the hover over colour, and looking at the code the border colour is there but does nothing, do we need to specify a border width? and if so how?

[lancia Friend lanciaJoin date: July 2013Posts: 20Downloads:4Uploads:2]

#740495

Hi that seems to work, however we want to change the hover over colour, and looking at the code the border colour is there but does nothing, do we need to specify a border width? and if so how?

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#575525

Try adding the following to your custom.css file:


.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #a72218;
}

Modify the “background-color” property to whatever color you want for the button.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That Helps.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#641855

Try adding the following to your custom.css file:


.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #a72218;
}

Modify the “background-color” property to whatever color you want for the button.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That Helps.

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#740517

Try adding the following to your custom.css file:


.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
background-color: #a72218;
}

Modify the “background-color” property to whatever color you want for the button.

SAVE CHANGES – CLEAR CACHE – REFRESH PAGE

Hope That Helps.

[Author]

Posts