I'm encountering problems with design of the image banner text and button.

I'm encountering problems with design of the image banner text and button.

erikoniga
Tourist
13 0 3

Is it only me, or does it seem that my image banner text and button do not capture people's attention. I just feel like the white banner text color interferes with the white colors of the coffee image, and this is why it might not appear as a strong and appealing text. Maybe changing the font size, color, font family would provide a better appearance. I would appreciate if you could help. And it would also help me if you could help me to make these CSS changes.

 

Bildschirmfoto 2024-06-26 um 12.03.28.png

Furthermore I think that font size could be bigger and the structure of the sentence should be changed to another one(check attachment).

 

Current sentence structure on my page:

Bildschirmfoto 2024-06-26 um 12.02.45.png

 

Structure that might look better?

Bildschirmfoto 2024-06-26 um 12.02.17.png

Last but not least, I would appreciate a lot if you could give me a feedback about, if the 2 pictures match each other as an image banner when it comes to style, color, etc. This is going to be a dropshipping print on demand store.

 

Thank you!

Replies 5 (5)

erikoniga
Tourist
13 0 3

I forgot to send you the preview Link, here it is: https://eel4h37asz88me1t-84864926033.shopifypreview.com

Rahul_dhiman
Shopify Expert
204 40 37

Hello @erikoniga 
Go to online store ---------> themes --------------> actions ------> edit code-------> assets----->section-image-banner.CSS ----> line number 437
and add this code at the very end of your file.

.banner__heading {
margin-bottom: 0;
font-size: 34px;
color: #f9ff00;
font-family: auto;
}

and the result will be
8.png

If this was helpful, hit the like button and mark the job as completed.
Thanks

Was I helpful?

Buy me a coffee



Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront
Email me -rahul@prowebcoder.com - Skype: live:dhiman.639
Checkout Some Free Sections Here
erikoniga
Tourist
13 0 3

Thanks for the reply, I entered that code:

.banner_heading {
margin-bottom: 0;
font-size: 34px;
color: #f9ff00;
font-family: auto;
}

-> assets->section-image-banner.css under line 437:

after entering and refreshing the site my text color is still white, I don't understand why.

Bildschirmfoto 2024-06-26 um 16.20.56.png

Small_Task_Help
Shopify Partner
489 15 34

Hi,

 

As per my personal view on "2 pictures match each other as an image banner when it comes to style, color, etc." - can be better .

 

Please let me know what is your store theme or concept?

 

If you need help in CSS, you can contact me (details given in signature)

 

Click here to Contact and Get Shopify Store Help
We are Shopify Experts   from Ecommerce Small Task Company.
erikoniga
Tourist
13 0 3

Thanks for the feedback. Yeah, basically I was planning on opening a print on demand store focusing on presedesigned and customizable coffee mugs and wall art. I m generating my designs with Leonardo AI, since the designs for mugs and wall art are very boring in my country. To be honest I invested quite a time in the picture with the coffee mugs, even they were generated by AI. I would prefer to change the second pic with the wall art, since that one was only generated by Leonardo AI without any further editing. Please let me know what pic details to look for when generating the second pic, to replace it with the second one. Thank you!