<![CDATA[is it possible to use our own custom css for the blog and ecommerce elements?]]>Hey there guys 🙂

is there a way to add our own styling to blog and e-commerce ...tried adding my own styles to the blog button (a hover effect) but couldn't get it to work...I added a custom class in the "identification advanced" tab and then added a CSS custom code block and targeted the button in the CSS block: (example)

.blogbutton:hover {

}

]]>https://community.appdrag.com/topic/764/is-it-possible-to-use-our-own-custom-css-for-the-blog-and-ecommerce-elementsRSS for NodeSat, 08 Aug 2026 16:24:32 GMTMon, 22 Mar 2021 13:08:31 GMT60<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Fri, 02 Apr 2021 14:29:19 GMT]]>@Wassim 🙂

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!!!!!!

]]>https://community.appdrag.com/post/3213https://community.appdrag.com/post/3213Fri, 02 Apr 2021 14:29:19 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Thu, 01 Apr 2021 06:26:07 GMT]]>@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.

]]>https://community.appdrag.com/post/3203https://community.appdrag.com/post/3203Thu, 01 Apr 2021 06:26:07 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Tue, 30 Mar 2021 17:49:54 GMT]]>@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>

]]>https://community.appdrag.com/post/3196https://community.appdrag.com/post/3196Tue, 30 Mar 2021 17:49:54 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Fri, 26 Mar 2021 17:12:11 GMT]]>@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>

]]>https://community.appdrag.com/post/3164https://community.appdrag.com/post/3164Fri, 26 Mar 2021 17:12:11 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Fri, 26 Mar 2021 12:16:22 GMT]]>@Wassim is it the same procedure when I go to style the list of blogs? like blog-list? 😉

]]>https://community.appdrag.com/post/3161https://community.appdrag.com/post/3161Fri, 26 Mar 2021 12:16:22 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Fri, 26 Mar 2021 07:43:40 GMT]]>@Wassim thanks Wassim will give it a whirl 🙂

]]>https://community.appdrag.com/post/3160https://community.appdrag.com/post/3160Fri, 26 Mar 2021 07:43:40 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Fri, 26 Mar 2021 07:29:16 GMT]]>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
]]>https://community.appdrag.com/post/3159https://community.appdrag.com/post/3159Fri, 26 Mar 2021 07:29:16 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Thu, 25 Mar 2021 15:16:16 GMT]]>@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

]]>https://community.appdrag.com/post/3156https://community.appdrag.com/post/3156Thu, 25 Mar 2021 15:16:16 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Wed, 24 Mar 2021 16:37:41 GMT]]>@Wassim sweet thanks Wassim 🤓🤩

]]>https://community.appdrag.com/post/3149https://community.appdrag.com/post/3149Wed, 24 Mar 2021 16:37:41 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Wed, 24 Mar 2021 07:22:31 GMT]]>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>
]]>https://community.appdrag.com/post/3148https://community.appdrag.com/post/3148Wed, 24 Mar 2021 07:22:31 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Tue, 23 Mar 2021 07:47:45 GMT]]>@Wassim yup was actually considering a custom element ☺️but wont I then need to update the link manually every time i publish a New post? Or is there some piece of code I can use to make that part automatically update?

]]>https://community.appdrag.com/post/3137https://community.appdrag.com/post/3137Tue, 23 Mar 2021 07:47:45 GMT<![CDATA[Reply to is it possible to use our own custom css for the blog and ecommerce elements? on Tue, 23 Mar 2021 07:14:39 GMT]]>Hi,

Yes you can use your own custom CSS for everything but your issue is that you're trying to style an AppDrag button but the buttons work a different way for colors and color hovering (Js over CSS). Maybe create a custom element instead of using builtin buttons.

]]>https://community.appdrag.com/post/3135https://community.appdrag.com/post/3135Tue, 23 Mar 2021 07:14:39 GMT