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

Solved

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

SenisyMatthew
Tourist
6 0 6

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

 

image with text.png

Accepted Solutions (4)
Liqiud_xPert_SJ
Shopify Partner
1035 125 155

This is an 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

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

This is an 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.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

This is an accepted solution.

@SenisyMatthew  yes sure please wait.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

This is an accepted solution.

please update this code

.image-with-text .image-with-text__content {
	padding: 5px !important;
	justify-content: center !important;
}
- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂

View solution in original post

Replies 12 (12)

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

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

 

 

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SenisyMatthew
Tourist
6 0 6

Hi @Liqiud_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

 

image with text 2.png

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

This is an 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

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SenisyMatthew
Tourist
6 0 6

Hi @Liqiud_xPert_SJ 

 

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

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

This is an 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.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SenisyMatthew
Tourist
6 0 6

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?

 

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

This is an accepted solution.

@SenisyMatthew  yes sure please wait.

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
Liqiud_xPert_SJ
Shopify Partner
1035 125 155

This is an accepted solution.

please update this code

.image-with-text .image-with-text__content {
	padding: 5px !important;
	justify-content: center !important;
}
- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SenisyMatthew
Tourist
6 0 6

Justify-content didn't work.

 

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

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

 

2024-07-02 16_23_15-Window.png

Thanks

- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂
SenisyMatthew
Tourist
6 0 6

Hi @Liqiud_xPert_SJ 

 

It's not justified in mobile view. 

 

WhatsApp Image 2024-07-02 at 19.27.08_1eb4b6b3.jpg

Liqiud_xPert_SJ
Shopify Partner
1035 125 155

@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;
} 
- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂- If you need any technical assistance, feel free to send me a DM. You no longer have to search for answers without getting a response.
- Please don't forget to Like and Mark Solution to the post that helped you. Thanks!
- Your Shopify Solution Specialist For further discussion contact: Email ID- Liqud_3xPert_SJ OR Whatsapp
- Buy a Coffee for me to get more frequently help 🙂
- Hire Me to unlock the full potential of your e-commerce store Now 🙂