[Polasen]

Hello
I search on the forum and I try a few things but it doesn’t work completly for my situation :
– I use custom css for edit the color button :
a.button { border: 2px solid #fff; color: #555; }
a.button:hover { background: #fff; color: #5f9bd5; }
It’s ok on full navigator size but KO on smarphone or small navigator size. Do you have an idea to fix this ?

– How can I put the button text not only in capital letters ? Like “Louisiana” and not “LOUISIANA”

-How can I put the button text not only in bold/strong ? And If I want to change the text size – but not the button size ?

– where can I found the list of the available icons for the buttons ?

Thanks for advance

Best regards

[Polasen]

and a last thing, how can I change the font of the button. Many thanks !

[serkan]

Hi,
You can add important class for your css code;
Example;

a.button { border: 2px solid #fff; color: #555 !important; }

text-tansform: uppercase;this css code will help you to make uppercase your letters.
Increasing the font size will effect the button size as well.
You can check out this related topic;
http://www.pixelwars.org/forums/topic/page-not-fond-available-icons-documentation/
Thanks

[Polasen]

Hello
Thanks for the answer.
– Text-transform : I try it, it’s perfect
– icons list : great too
– !important doesn’t work :-( . I try :
a.button { border: 2px solid #fff; color: #5f9bd5; ; text-transform: uppercase; !important }
a.button:hover { background: #fff; color: #555; !important }
but no result.
Do you have an other idea to fix it ?

Thanks for advance

Best

[Polasen]

Hello,
Do you have a solution ?
Thanks for advance

Best

[serkan]

Hi,
Sorry for the late reply. I had an issue with my laptop.
You need to use like this; (The semicolon should come to the end)

a.button:hover { background: #fff; color: #555 !important; }

Thanks

[Polasen]

Hello
Thanks.
I try but it’s not working :-(

–>
a.button { border: 2px solid #fff; color: #5f9bd5 !important; }
a.button:hover { background: #fff; color: #555 !important; }
It’s good on full navigator screen on web but not good on mobile or in tiny screen navigator on web.
Do you have an other solution ?

Thanks

[serkan]

Hi,
There is not any button in the related URL. Please tell me the related URL which contains the button.
Thanks

[Polasen]

Done
Thanks for advance

[serkan]

Hi,
This is the custom css code for the button;

a.button, .button { font-size: 13px; background: #fff; border: 3px solid #333; color: #333; }

Thanks

[Polasen]

Hello
It’s still not working,
I try what you send :
a.button, .button { font-size: 13px; background: #fff; border: 3px solid #fff; color: #5f9bd5; }
a.button:hover, .button { font-size: 13px; background: #fff; border: 3px solid #fff; color: #555; }
But no result, it’s still going to the basic button on small screen or mobile :-(

Thanks for advance !

[serkan]

Hi,
Sorry, could you describe your issue, again?
Thanks

[Polasen]

It’s simple,
On this page, I have 2 buttons.
The custom css work when the navigator is in full size on web. But when I reduce the size of the navigator, or on mobile, the custom css don’t work and the buttons go back to the “standard” css of the theme.

I try – based on your indications :
1/
a.button { border: 2px solid #fff; color: #5f9bd5; }
a.button:hover { background: #fff; color: #555; }

2/
a.button { border: 2px solid #fff; color: #5f9bd5 !important; }
a.button:hover { background: #fff; color: #555 !important; }

3/
a.button, .button { font-size: 13px; background: #fff; border: 3px solid #fff; color: #5f9bd5; }
a.button:hover, .button { font-size: 13px; background: #fff; border: 3px solid #fff; color: #555; }

Do you have a solution for this issue ?

Thanks for advance !
Best regards

[serkan]

Hi,
You are using this media query, it is affecting the desktop view. You can check your custom CSS code and remove the media query.

@media screen and (min-width: 992px) {
a.button, .button {
    font-size: 13px;
    background: #fff;
    border: 3px solid #fff;
    color: #5f9bd5;
} }

Thanks

[Polasen]

It works ! Thanks a lot !

[serkan]

You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.