How to add border on blog posts

  • Resolved alihasan7671

    (@alihasan7671)


    5 years, 4 months ago

    Hello,
    I want to add a border around blog posts and blog excerpt on the home page. As you may see in the linked website https://newsinportal.com/, there are borders around blog posts, sidebar widgets, comments etc.
    I have achieved the same on my site except for posts and excerpt on the home page. The issue is when I add CSS via .inside-article it also creates a border around elements or Divi builder.
    The site I am trying to do on is https://hostingrig.com/blog
    As you may see the border is not around blog posts and excerpts on the blog page. Try adding CSS on .inside-article and it will also affect the elements on homepage created with Divi and other pages.

    Any help would be appreciated, thanks

    • This topic was modified 5 years, 4 months ago by alihasan7671.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Theme Author Tom

    (@edge22)

    Hi there,

    What if you do this?:

    .blog .inside-article, 
.archive .inside-article,
.sidebar .widget, 
.comments-area {
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}

    Let me know ??

    Thread Starter alihasan7671

    (@alihasan7671)

    Hello,
    Thank you for your reply.
    It is working for posts/excerpt on archive pages but not on full blog posts/articles.

    Theme Author Tom

    (@edge22)

    Try this instead:

    .blog .inside-article, 
.archive .inside-article,
.single .inside-article,
.sidebar .widget, 
.comments-area {
    border: 1px solid rgba(232, 234, 237, 1);
    box-shadow: 0 0 10px rgba(232, 234, 237, 0.5);
}
    Thread Starter alihasan7671

    (@alihasan7671)

    It worked, thanks alot

    Theme Author Tom

    (@edge22)

    You’re welcome ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to add border on blog posts’ is closed to new replies.

Tags