REMINDER
is it possible to use our own custom css for the blog and ecommerce elements?
-
Yep, the selector on what we create the link is :
.appdrag-blog-component[blog-component='blog-read-more']Which means you need to add the class appdrag-blog-component and the attribute blog-component with the value blog-read-more
You should end up with
<div class="your-custom-beautiful-button appdrag-blog-component" blog-component="blog-read-more">Open Article</div> -
@Wassim sweet thanks Wassim
🤩 -
@Wassim forgot to ask
I am guessing that there is also something I need for the feature image and the text snippet in order to do some custom styling? so that what I actually do becomes dynamic?thanks in advance
Linda -
Hello,
It's like the read more button but with other blog-component attribute values.
Here is the list- blog-title => Title
- blog-subtitle => Subtitle
- blog-author => Author
- blog-date => Date
- blog-tags => Tags
- blog-image => Image
- blog-read-more => Read more
-
@Wassim thanks Wassim will give it a whirl
-
@Wassim is it the same procedure when I go to style the list of blogs? like blog-list?
-
@Wassim hey there
I am using an HTML component for the div blocks but when I try and save, the editor doesn't want to. The save button just spins endlessly. What am I missing?Also with regards to the blog image, do I not need some sort of URL and a reference to id or something that's used in the page builder? I've tried but I cannot get it to work.
<div class="blog-button appdrag-blog-component" blog-component="blog-read-more">Open Article</div>
<div class="blog-image appdrag-blog-component" blog-component="blog-image"></div>
-
@Wassim hey there Wassim
could you please let me know what I am doing wrong with the blog image? I cannot seem to get it to work in a custom html/css block:
<div class="blog-image appdrag-blog-component" blog-component="blog-image"></div>
-
@Linda-MacDonald said in is it possible to use our own custom css for the blog and ecommerce elements?:
Also with regards to the blog image, do I not need some sort of URL and a reference to id or something that's used in the page builder? I've tried but I cannot get it to work.
Hi Linda,
Can you show where you put your blog component? Maybe send a link?
The blog-image will work either on an img and set the SRC or on any other HTML tag and set the background. Are you sure your item has a height defined? Because you won't be able to see a 0px background image. -
there got it to work
your advice on taking away space between columns fixed everything and I didn't even need custom html because I just changed the z-index to get the look I wanted...thaaaaaaank you Wassim!!!!!!
