CSS help: Blog Post Modules

Beaver Builder
#1

Hi

Sorry, I appreciate this is probably a bit beyond normal support as I should know! but i’m struggling to replace the divider in the blog post modules with an image. I’ve tried different combinations but can’t get it showing.

Any help greatly appreciated!

thanks a lot

#2

Hey Paul,

Thanks for getting in touch! Do you mind sharing the URL of the site you are working on so we can check?

Ben

#3

[Content Hidden]

#4

Hey Paul,

Sorry that will have to be done via custom CSS. You can try this CSS snippet below and just play around with it. Just change the URL and play around with the values.

.fl-post-feed-post {
  border-bottom: 9px solid #e6e6e6;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  border-image: url(http://dev.kablwebdesign.com/bhc/wp-content/uploads/dynamik-gen/theme/images/border.png) 10;
}

More info on that CSS property on the link below.
http://www.w3schools.com/cssref/css3_pr_border-image.asp

Ben

#5

No i’ve tried that and various variations. None of them work work.

#6

[Content Hidden]

#7

Hey Paul,

I just added another selector to make it more specific. You should be good to go now! :slight_smile:

Ben

#8

Brilliant, thanks Ben.

#9

No worries! Have fun with BB! :slight_smile:

Ben

#10