Hello
Before we create button with the theme system.
On a recent updates, you change the system and it is better.
BUT for now old looks of buttons created with old system no seem to show like a Newspaper button style.
An example here https://www.virtualmagie.com/articles/tests/matos/applications-magiques-telephones-android/
We have hundred of pages like this.
It is not possible for us to change all these.
I think it would be necesseray on all future update your put back code for the buttons look like plan.
Before that could you please provide some CSS custom code?
Regards
Hi,
If you mean the smart list buttons, those were not modified. The style of smart list used in that post should look like this at all times
– https://demo.tagdiv.com/newspaper/smart-list-style-1/
In your case there is a code which colors all the links in the post content, and also underlines them. The button link is affected by this code
– https://www.screencast.com/t/AeNtZ7AU
Modify that code so it will not affect the buttons of the smart list. Something like this would work for this case
– https://www.screencast.com/t/imzDRt3dRD9
.td-post-content a:not(.doubleSliderPrevButton):not(.doubleSliderNextButton) {
color: #ff6600;
text-decoration: underline;
}
Thanks
I speak about the link Donnez votre avis.
Here the old code on it
[button color=”” size=”large” type=”round” target=”blank” link=”http://www.virtualmagie.com/ubbthreads/ubbthreads.php/topics/592296″%5D> Donnez votre avis sur le forum ![/button]
Sorry for misunderstanding, I did not know that was supposed to be a button. The buttons were changed quite a while ago, they now have a different implementation
– https://forum.tagdiv.com/increase-users-engagement-add-custom-buttons-posts/
The older buttons may not display same as before. I could make it look like a button, this would modify them all at once
– https://www.screencast.com/t/eADteuq9h
– https://www.screencast.com/t/hjLahYlC1Y
This code is for that, I could add more to it if needed
.td-post-content .vc_btn {
background-color: black;
padding: 10px 16px;
border-radius: 25px;
}
Thanks but as you could see the button appear only on the hover.
THe idea is that old one have all the same look and hover than the new one like at the end the button “Découvre d’autres avis sur le DVD Mario LOPEZ sur le forum !” here https://www.virtualmagie.com/articles/tests/videomania/mario-lopez/ (the one on top of the orange newsletter block).
Here the code I actually insert in Custom CSS:
.td-post-content .vc_btn {
background-color: #f6600;
font-size: 18px;line-height: 1.33;
padding: 10px 16px;
border-radius: 6px;
}
Could you please complete to also have the button (not only on hover?
Thanks
You can try this code:
.td-post-content .vc_btn{
background-color:#ff6600;
color:white;
}
.td-post-content .vc_btn:hover{
background-color:#444;
color:white;
}
result: https://www.screencast.com/t/9JZxi8g7ro
You got the general idea now of how to change the css for a button.
Please use the browser inspector and create the custom code by using this guide: https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
This css represents customization as well and custom work is not covered by the theme support.
Thank you for understanding.
Great!
I just add underlin:none and it is now perfect.
Thanks
