space blog element button styling
-
Hello,
I am using the XTemo Space Blog Element on my homepage and using Elementor page builder.
I would like to know how to reword the article action button (from read more to Learn More) and style the same button to appear the same as all the other buttons.
The Blog Element is good, but doesn’t inherit the themes button settings and the styling options are not provided for the button in the Element Editor.
Additionally, I must change the article title style to Dark Blue, instead of the inherited light blue.
Thanks
Craig
-
This topic was modified 11 months ago by
craig-7256.
Hello,
You can style blog titles through Typography -> Advanced -> Custom selector – for the selector – .xts-blog .xts-post-title
As for the changing title of the button, use the Loco Translate for help.
https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/
Kind Regards
That all worked a treat ! thanks.
However, i’ve only nailed 2 out of 3 changes i need to do here.
The remaining change is where i must change the Learn More > button on each article to appear as per the theme standard button style (top right of my screen shot)
Attachments:
You must be
logged in to view attached files.
Hello,
Here is a custom CSS code for help:
.xts-post .xts-post-content >
.xts-button .xts-button-icon {
display: none;
}
.xts-post .xts-post-content >
.xts-button.xts-style-link-3 {
color: #ffffff;
min-height: 42px;
padding: 5px 20px;
font-size: 13px;
border-radius: 5px;
background: #439665 !important; // Change color
}
.xts-post .xts-post-content >
.xts-button.xts-style-link-3:hover {
color: #ffffff;
background: #3E8C5E !important; // Change color
}
Kind Regards
Hello,
Thank you for your kind words! I’m glad to hear that the provided solutions were helpful to you. If you have any more questions or need further assistance with styling or any other feature, don’t hesitate to reach out. We’re here to help!
Kind Regards,
The topic ‘space blog element button styling’ is closed to new replies.