Shopify themes, liquid, logos, and UX
We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more
I am trying to add a border to this section of my website:
But when i do this using the thickness slider it also affects the rest of the section in my website:
is there any way i can make it so only the section that i want to have the border has it.
Solved! Go to the solution
This is an accepted solution.
in my case the code needed was
.image-with-text__content{
border:none;
}
this was added to the bottom of base.css
@julianojg - can you please share this pagelink?
@julianojg - will need to make something like this
I would like this while not affecting any other section on the page:
@julianojg - it will l not affect any other section, if you want like my screenshot above then add this css to the very end of your base.css file and check
#shopify-section-template--20272456925482__14ed8410-be5e-4bb0-81fd-a7b75b33bb58 .page-width{border: 1px solid #fff;}
@media screen and (min-width: 750px){
#shopify-section-template--20272456925482__14ed8410-be5e-4bb0-81fd-a7b75b33bb58 .page-width{margin: 0 5rem;}
}
@media screen and (max-width: 749px){
#shopify-section-template--20272456925482__14ed8410-be5e-4bb0-81fd-a7b75b33bb58 .page-width{margin: 0 1rem;}
}
This is an accepted solution.
in my case the code needed was
.image-with-text__content{
border:none;
}
this was added to the bottom of base.css
@julianojg - great that you solved your issue