Does anyone know how to reduce the dawn theme image-with-text content and header right padding?

[SenisyMatthew]

I want to reduce the header and rich text right padding to 0.

 

[Liquid_xPert_SJ · Accepted solution]

@SenisyMatthew 

please add below code into your base.css file located in the theme files instructions are below.

Online Theme > Edit Code > Theme Files > Asset Folder > base.css file and paste it very bottom of that file. also you can change the number according to the space you need.

#ImageWithText--template--22845503045963__image_with_text_83BhbL {
	padding: 15px;
}

Do let me know if you need my help.

Thanks

[Liquid_xPert_SJ · Accepted solution]

@SenisyMatthew  yes its possible let me share it again with you please update that.

.image-with-text .image-with-text__content {
padding: 15px !important;
}

do let me know if it works for you.

[Liquid_xPert_SJ · Accepted solution]

@SenisyMatthew  yes sure please wait.

[Liquid_xPert_SJ]

Hi@SenisyMatthew 

Can you please share a store url or theme name where you want to perform this? so that i will share a possible solution with you.

Thanks

[SenisyMatthew]

Hi @Liquid_xPert_SJ 

Thanks for the response, sure here it is: https://smilebright.lt/products/v24-teeth-whitening-solution

I need to make the image-with-text header and rich text or content full with in mobile view. Please help. Thanks!

Edit: theme name is Dawn Theme: 14.0.0

[Liquid_xPert_SJ · Accepted solution]

@SenisyMatthew 

please add below code into your base.css file located in the theme files instructions are below.

Online Theme > Edit Code > Theme Files > Asset Folder > base.css file and paste it very bottom of that file. also you can change the number according to the space you need.

#ImageWithText--template--22845503045963__image_with_text_83BhbL {
	padding: 15px;
}

Do let me know if you need my help.

Thanks

[SenisyMatthew]

Hi @Liquid_xPert_SJ 

It works, thanks a lot. But I want it to work on all image-with-text elements, is it possible?

[Liquid_xPert_SJ · Accepted solution]

@SenisyMatthew  yes its possible let me share it again with you please update that.

.image-with-text .image-with-text__content {
padding: 15px !important;
}

do let me know if it works for you.

[SenisyMatthew]

It works! thank you so much. 

If you don't mind me asking one last question. Can you help me justify the text of my image-with-text elements?

[Liquid_xPert_SJ · Accepted solution]

@SenisyMatthew  yes sure please wait.

[Liquid_xPert_SJ · Accepted solution]

please update this code

.image-with-text .image-with-text__content {
	padding: 5px !important;
	justify-content: center !important;
}

[SenisyMatthew]

Justify-content didn't work.

[Liquid_xPert_SJ]

@SenisyMatthew  it should work refer to the screenshot below can you please add it and let me see where the issue is.?

Thanks

[SenisyMatthew]

Hi @Liquid_xPert_SJ 

It's not justified in mobile view. 

[Liquid_xPert_SJ]

@SenisyMatthew 

please use this one for justified the heading and text

.image-with-text .image-with-text__content .image-with-text__text.rte.body, .image-with-text .image-with-text__content h2 {
	text-align: justify !important;
}