Vertical line for text and image section

Store Design
, ,
1

Hi,
I am trying to add vertical lines to separate the text and images on my home page

website: https://1d9ed8-ee.myshopify.com/

any help would be greatly appreciated!

2 Likes
2

@selwilton , Hello are you want like the screenshot below? Please check,

dws_pvt_ltd_0-1721969750316.png
dws_pvt_ltd_0-1721969750316.png1832×891 265 KB

Please follow these steps to add this CSS code:

  1. Go to your Online Store
  2. Click on “Themes”
  3. Select “Edit code”
  4. Open your CSS file. If you have a custom CSS file, open that instead.
  5. If you can’t find your custom CSS file, open “base.css”
  6. Add the following code at the end of the file.
.features-bar__item.swiper-slide div {
    border-left: 1px solid #000;
    padding: 0 0 0 13px;
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

3
  • Here is the solution for you @selwilton
  • Please follow these steps:

BSSTekLabs_0-1721970617510.png
BSSTekLabs_0-1721970617510.png400×183 26.2 KB

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
.swiper-wrapper .features-bar__item div {
border-left: 1px solid black !important;
padding-left: 10px !important;
}

Copy

  • Here is the result you will achieve:

BSSTekLabs_2-1721970715897.png
BSSTekLabs_2-1721970715897.png560×181 8.88 KB

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.