Brooklyn theme image with text padding for text section only

Solved
kdcoogler
Tourist
11 0 4

I need to know how to add padding to the text area of the image with text section on the Brooklyn theme. I want the picture to touch edge to edge but I need the text only to have some padding. 

C0E286C7-2C9E-4BCF-8A93-69415CC8CFD5.jpeg

This is a screenshot of what I am referring to. I want the picture still to take up the entire space with no padding around it but I need the text and button to have some padding so they do not run into the edges. 

0 Likes
Anthony_David_
Trailblazer
214 28 86

Share your store url... @kdcoogler 

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes
kdcoogler
Tourist
11 0 4

This should link to the preview version that I am working on. 

https://7gwmd93ksbeu257d-56967463070.shopifypreview.com

0 Likes
Anthony_David_
Trailblazer
214 28 86

This is an accepted solution.

@kdcoogler I hope you want something like the below

Anthony_David__0-1626981000116.png


All the below code

@media only screen and (max-width: 768px){
.feature-row__text {
    padding: 35px 20px !important;
}
}


Note: 35px means top and bottom and 25px means left and right

Hope this works

thanks

Shopify Expert - Theme customization | Design | Marketing | Product Sales
Hire Me: anthonyuidesigner@gmail.com
Whatsapp ( Click on number )- +33 6 28 93 62 05
0 Likes
kdcoogler
Tourist
11 0 4

@Anthony_David_ 

Yes this is what I was needing. Just couldn't figure out how to make the padding for the text and button on my own. Thank you!

Hate to add on but I also am wanting to modify the hero banner text to show at the bottom corner and potentially add a highlight to it, similar to the venture theme banner. Do you think you could help with this as well? Either way I will accept this solution for my original question.

0 Likes