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).
yes, thanks, you can use this link, which is the registration page and has a nice html button !
Thanks !
Guillaume
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;.
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
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;
}
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
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 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.
