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

Re: Cant add border to just one section instead of all

Solved

Cant add border to just one section instead of all

julianojg
Excursionist
38 5 4

I am trying to add a border to this section of my website:

julianojg_0-1690617763570.png
But when i do this using the thickness slider it also affects the rest of the section in my website:

julianojg_1-1690617814244.pngjulianojg_2-1690617820413.png

is there any way i can make it so only the section that i want to have the border has it.

 

Accepted Solution (1)
julianojg
Excursionist
38 5 4

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

View solution in original post

Replies 7 (7)

suyash1
Shopify Partner
11112 1367 1751

@julianojg - can you please share this pagelink?

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
suyash1
Shopify Partner
11112 1367 1751

@julianojg - will need to make something like this

 

suyash1_0-1690619212156.png

 

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
julianojg
Excursionist
38 5 4

I would like this while not affecting any other section on the page:

julianojg_0-1690619309269.png

 

suyash1
Shopify Partner
11112 1367 1751

@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;}
}
To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com
julianojg
Excursionist
38 5 4

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

suyash1
Shopify Partner
11112 1367 1751

@julianojg - great that you solved your issue

To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com