Border Entry Blog Posts

Support
#1

Greetings,

I currently have this black border around my side widgets and can’t seem to find the code to add it to my entry posts on my homepage which is what I would like to do.

aside.x-sidebar .widget {border: 5px solid #ccc; /* border */ border-color: black}

My website is

Also as a side question & I don’t know if you can solve this:
I added a rev slider to the functions.php to show recent posts below my header. is there any way to add the same border as above to that as well?

#2

Hi Thomas,

Thanks for reaching out.

To add a border like what you have on your sidebar in your blog entry in the homepage, please add this CSS code to X > Theme Options > CSS.

.home .hentry {
    border: 5px solid #ccc;
    border-color: black;
}

On your second question, can you provide us a screenshot on where do you want to add the border?

Please note that providing custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer.

Hope that helps.

Thank you

#3

Thanks, first part worked like a charm.

So I was hoping to add the same black border to the sides and bottom of my rev slider on my homepage below my header. Hopefully to add more continuity.

I’ll understand if you can’t provide a CSS code and will reach out to the third party if necessary.

Screen Shot 2020-09-28 at 6.15.56 PM

#4

Also anyway I can add a css code for the black border to be in present when I click into an individual post on the blog?

#5

Hey Thomas,

  • You probably cannot add the border to the slider itself but you can add border to the container that contains the slider in your case it has the class custom-slider

image
image841×73 5.53 KB

So you can target the custom-slider class and add border to it.

  • For the individual posts you can use the following selector for the border .single .hentry

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

Please note this isn’t a default feature and requires custom CSS which is outside the scope of support, for further changes or if the code stops working in future updates. If you are uncertain how to proceed, it would be best to get in touch with a developer.

Thank you for understanding!

#6

both worked perfectly, thanks so much!

#7

Hello Thomas,

Glad that we are able to help you

Have a great day!
Thanks

#8

Have a couple of more questions I was wondering if I could throw at you.

  1. To add the same border to my individual pages do I need to use cornerstone or is there a CSS code I can use to customize each page?
  2. Is there a CSS code for x theme for categories so I can add the border to posts after they click on a category on my menu? Right now there is no border showing on posts when someone clicks on a category and goes into it.
  3. Is there a CSS code for the display below the nav bar that says the category? I would like to add the same border if so so it looks better as shown
    Screen Shot 2020-09-30 at 8.36.48 AM
    Screen Shot 2020-09-30 at 8.36.48 AM956×256 149 KB
#9

Hi Thomas,

Remove .home from previous CSS code. Then the border shows for all posts in the blog, archive pages and single posts.
The code should be,

  .hentry {
    border: 5px solid #ccc;
    border-color: black;
}

For those pages, made by Elements you can add border from the border settings of section.
Here s a screenshot,
Privacy-Policy-Content-X

Add this code in theme option’s CSS to show the border in the breadcrumb

   .x-breadcrumb-wrap {
border: 5px solid #000;

       }

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps you.
Thanks

#10

Thank you I will read up on CSS with the links you provided. Appreciate the quick response!

#11

Hello Thomas,

Glad that we are able to help you.

Have a great day!
Thanks

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.