Image With Text Help | Supply Theme

Excursionist
108 0 1

A while ago i made a code change in my theme.scss (added the following code) I need this code to make something else work.

/* makes the image with text smaller*/
@media only screen and (min-width: 768px) {
  .feature-row .lazyloaded {
      width: 10rem;
      margin-top: 5rem;
  }
}

/* Makes the image with text a little smaller (height-wise)*/
@media only screen and (min-width: 768px) {
  .feature-row .lazyloaded {
    width: 10rem;
    margin-top: 0;
  }
   .feature-row__item .lazyload__image-wrapper > div {
      padding-top: 213%!important;
  }

I now need to add an image with text with the default size (just like before adding this code)

This is what happens when I add an image with text now.

Screenshot_3.jpg

I need it to look like this... without changing the code because the code is used to make another image with text look good.Screenshot_4.jpg

0 Likes

take one row inside it take two column than do it  

Shopify theme developer and customization

I Would like to add new functionality or customize an existing one, please hire me.
If helpful then please Like and Accept Solution .
Email: ashiquehussaincodediary@gmail.com

0 Likes
Excursionist
108 0 1

I don't understand what your saying?

0 Likes

@DStanko,

Please share your site url so that I will give you exact solution

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
Excursionist
108 0 1

@DStanko,

Please Remove below css

/* makes the image with text smaller*/
@media only screen and (min-width: 768px) {
  .feature-row .lazyloaded {
      width: 10rem;
      margin-top: 5rem;
  }
}

/* Makes the image with text a little smaller (height-wise)*/
@media only screen and (min-width: 768px) {
  .feature-row .lazyloaded {
    width: 10rem;
    margin-top: 0;
  }
   .feature-row__item .lazyload__image-wrapper > div {
      padding-top: 213%!important;
  }
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
Excursionist
108 0 1

Oh sorry, maybe I wasn't clear on saying that I needed that code to make another image with text to work.

0 Likes

@DStanko,

Can you please share screenshot on your site where exactly you want

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