Title: Button appearance
Last modified: July 25, 2019

---

# Button appearance

 *  Resolved [guillaume123](https://wordpress.org/support/users/guillaume123/)
 * (@guillaume123)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-appearance/)
 * Hi,
 * Buttons sometimes take the format as personalized in my theme (OceanWP) sometimes
   not. For instance the button Register in the page that contains the [adverts_author_register]
   shortcode is in the format that I want (as personalized in OceanWP), but the 
   button View Profile in the Author Dashboard (I am using the following shortcode[
   adverts_author_manage panel=”home” show_menu=”0″]) is not in the right format.
   How can I sort this out ?
 * Thanks !
 * Guillaume

Viewing 7 replies - 1 through 7 (of 7 total)

 *  Plugin Author [Greg Winiarski](https://wordpress.org/support/users/gwin/)
 * (@gwin)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-appearance/#post-11769427)
 * Hi,
    some of the buttons are actual buttons (in terms of HTML tags) and some 
   of them are only links styled as buttons.
 * The view profile is just a link this is why it is not using your theme styling
   for buttons, this should be quite easy to fix with a CSS code snippet if you 
   can paste here a link to one of your pages which is using the correct button 
   styling.
 * I should be then able to paste back a code snippet which applies the styling 
   to other WPAdverts buttons (links).
 *  Thread Starter [guillaume123](https://wordpress.org/support/users/guillaume123/)
 * (@guillaume123)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-appearance/#post-11769473)
 * yes, thanks, you can use [this link](http://www.fotopatio.com/inscription/), 
   which is the registration page and has a nice html button !
    Thanks ! Guillaume
 *  Plugin Author [Greg Winiarski](https://wordpress.org/support/users/gwin/)
 * (@gwin)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/button-appearance/#post-11776768)
 * Thanks, please try going to wp-admin / Appearance / Customize / Additional CSS
   panel and adding there the code below
 *     ```
       .adverts-button {
       display: inline-block;
       font-family: inherit;
       background-color: #13aff0;
       color: #fff;
       font-size: 12px;
       font-weight: 600;
       text-transform: uppercase;
       margin: 0;
       padding: 14px 20px;
       border: 0;
       cursor: pointer;
       text-align: center;
       letter-spacing: 0.1em;
       line-height: 1;
       -webkit-transition: all 0.3s ease;
       -moz-transition: all 0.3s ease;
       -ms-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
       transition: all 0.3s ease;
       border-radius:26px;
       vertical-align: middle;
       background-color: #505664;
       color: #2c313c;
       }
       ```
   
 * If this will not get you the result you want you can try postfixing the values
   with !important keyword, so for example the `border-radius:26px;` will become`
   border-radius:26px !important;`.
 *  Thread Starter [guillaume123](https://wordpress.org/support/users/guillaume123/)
 * (@guillaume123)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/button-appearance/#post-11887731)
 * Greg thx for your help, this works perfectly well save for one occasion : the
   color of the font, as the color property already has an !important in the adverts-
   frontend.css file… is there a proper way around this … or I can change the adverts-
   frontend.css file but will have to do it after each update ?
    Thanks in advance,
   Guillaume
 *  Plugin Author [Greg Winiarski](https://wordpress.org/support/users/gwin/)
 * (@gwin)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/button-appearance/#post-11889467)
 * You should be able to make your button text color even more important than the
   one in adverts-frontend.css by using the CSS code like this
 *     ```
       body .adverts-button {
         color: blue !important;
       }
       ```
   
 *  Thread Starter [guillaume123](https://wordpress.org/support/users/guillaume123/)
 * (@guillaume123)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/button-appearance/#post-11892911)
 * Thx Greg, actually the issue came from the fact that the adverts-frontend.css
   stylesheet link comes quite late in the page, after the theme customized CSS 
   link. As the CSS selectors are fully specific in the adverts-frontend.css file,
   the !important was overruling any previous !important in other css files for 
   the same selectors (I have read that in case of conflicting rules and for the
   same level of specificity in CSS selectors, the last one wins !). So I installed
   the extension “Simple Custom CSS and JS” which has an option to include the css
   at the start or the end of the page. In adding the CSS through this extension,
   by using the same specific CSS selector as in the adverts-frontend.css and selecting
   the option to include the customized CSS at the end of the page, I was able to
   overrule the !important in adverts-frontend.css, and hence get the right color!
   Maybe this can help for future reference !
    Guillaume
 *  Plugin Author [Greg Winiarski](https://wordpress.org/support/users/gwin/)
 * (@gwin)
 * [6 years, 9 months ago](https://wordpress.org/support/topic/button-appearance/#post-11896906)
 * Hi,
    thanks for the feedback, the “Simple Custom CSS and JS” plugin should do
   the work, one other way to do that would be to use the Assets in Head snippet
   [https://github.com/simpliko/wpadverts-snippets/blob/master/assets-in-head/assets-in-head.php](https://github.com/simpliko/wpadverts-snippets/blob/master/assets-in-head/assets-in-head.php)
   which will load the CSS files in `<head>` section instead just before the `</
   body>`.
 * The small disadvantage of this solution is that the WPAdverts CSS files will 
   load on each page not only when they are needed.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Button appearance’ is closed to new replies.

 * ![](https://ps.w.org/wpadverts/assets/icon-256x256.png?rev=2423472)
 * [WPAdverts - Classifieds Plugin](https://wordpress.org/plugins/wpadverts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wpadverts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wpadverts/)
 * [Active Topics](https://wordpress.org/support/plugin/wpadverts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wpadverts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wpadverts/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [Greg Winiarski](https://wordpress.org/support/users/gwin/)
 * Last activity: [6 years, 9 months ago](https://wordpress.org/support/topic/button-appearance/#post-11896906)
 * Status: resolved