Adjusting padding on Text with image

Solved
Tourist
25 0 0

Hi all, I'm a novice to coding so please forgive me if this is a stupid question. After a lot of hard work, I have successfully managed to put a grey box around my feature-row text, and center the alignment. (Huzzah, small victories!) However, it is poorly placed. Any ideas how to fix it? Screenshot attached. Thanks!

 

website: www.rainandpaper.com

Untitled-3.jpg

0 Likes

Success.

Hello ,

Do you want it in below format as shown in image:

2019-11-04_20-36_shopify1.jpg

Then Please add below css in theme.scss file

@media screen and (min-width: 769px){
.feature-row__text{
padding-right:35px
}
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Tourist
25 0 0

Absolutely perfect! Thank you so much!

0 Likes
Tourist
25 0 0

@oscprofessional wrote:

Hello ,

Do you want it in below format as shown in image:

2019-11-04_20-36_shopify1.jpg

Then Please add below css in theme.scss file

@media screen and (min-width: 769px){
.feature-row__text{
padding-right:35px
}
}

Absolutely perfect! Thank you so much!

0 Likes
Tourist
25 0 0

Apologies for all the posts. Everything is looking perfect on desktop mode now, just one small issue to fix on mobile view. I'd like to extend the grey box so the button isn't touching the bottom. Thanks in advance :)Untitled-3.jpg

0 Likes

Please add below css

@media screen and (max-width: 768px){
.feature-row__item.feature-row__text {
padding-bottom: 35px;
} }
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Tourist
25 0 0

Thank you again! Everything's perfect now. 

0 Likes