Move Collection Image below product list? Taste 2.0 Theme

kweeniestudio
Tourist
16 0 0

Hi

I'm using the taste 2.0 theme i have already successfully moved the product description below my products following this solved solution:

https://community.shopify.com/c/technical-q-a/how-to-move-collection-description-to-below-the-produc... from @Made4Uo thanks for  this.

kweeniestudio_0-1708038979637.png

 

but the text doesn't fit the whole page left to right and looks like it is actually waiting for the collection image to be displayed and I think this would look good. How do I get the image to sit to the right of my description and inline with it?

 

I'd really appreciate the help, please?

kx

 

Replies 19 (19)

MastersHub
Shopify Partner
215 20 38

Hi, Can you give me store url? 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
kweeniestudio
Tourist
16 0 0

Hi Yes

 

it is: https://kweeniestudio.com/

 

thanks

K

kweeniestudio
Tourist
16 0 0

Hi

Just wondering if you managed to take a look at my site https://kweeniestudio.com/ to be able to answer my question?

cheers

K

MastersHub
Shopify Partner
215 20 38

I can't see this area right now. Did you remove it?

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
kweeniestudio
Tourist
16 0 0

Have been testing it in a duplicate theme as didn't want to mess up my current theme and site, is that an issue for you? Do you need me to put it on my actual current them/site?

Thanks

K

MastersHub
Shopify Partner
215 20 38

I can't help without seeing this. I can take a look and give you the css code.

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
kweeniestudio
Tourist
16 0 0

OK I'll pop it in my actual site and msg you when it's there,  thank you

K

kweeniestudio
Tourist
16 0 0

hi

that's it now showing on my actual site/theme

thanks

K

MastersHub
Shopify Partner
215 20 38
Please add this code to your theme.liquid file, after <head> element in Online Store > Themes > Edit code.

 

<style>
.collection-hero__description.rte {
    max-width: 100%!important;
}
</style>

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
kweeniestudio
Tourist
16 0 0

thank you very much!

this now has the text fitting the full width of the page, sorry I don't mean to seem ungrateful but was there not a way to have the collection image sit to the right and inline with the  description as requested in my original query?

if not that's cool, can the text be justified when it is full width of the page instead?

thanks again

K

 

kweeniestudio
Tourist
16 0 0

I tried adding this to the code you gave me to justify the text but it wasn't successful as all the description text disappeared entirely when I added this?

<style>
.collection-hero__description.rte {
max-width: 100%!important;

text-align:justify;
}
</style>

 

thanks

k

MastersHub
Shopify Partner
215 20 38

No problem, Did you mean?

 

MastersHub_1-1709037247277.png

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
kweeniestudio
Tourist
16 0 0

sorry wee update I managed to get the text to justify by adding this:

 

!important

to the end of the code, so it now looks like this:

<style>
.collection-hero__description.rte {
max-width: 100%!important;

text-align:justify !important;
}
</style>

 

ideally though I'd love the collection image to be to the right of the description and in line with it, so if you have a solution for that I would be eternally grateful?

thanks

K

MastersHub
Shopify Partner
215 20 38

I'm glad I helped. Did you mean?

 

MastersHub_0-1709038691996.png

 

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
MastersHub
Shopify Partner
215 20 38

If have any questions let me know so I can clarify, and if not, and you'd like to work together please feel free to message me directly

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
kweeniestudio
Tourist
16 0 0

yes to place the image to the right of the description, is it possible?

thanks

K

MastersHub
Shopify Partner
215 20 38

Yes it is possible, but you need to spend some time. If have any questions let me know so I can clarify, and if not, and you'd like to work together please feel free to message me directly

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp
kweeniestudio
Tourist
16 0 0

Hi

Thanks for your message and help so far, I'll live with it the way it is for now but will be back in touch when I feel I need to add the image in

Thanks

K

MastersHub
Shopify Partner
215 20 38

You're welcome. Don't hesitate. I will always help you. I would be happy if you like the helpful answers.

Helpful ? Like and Accept Solution
Buy me a Coffee
Need a Shopify Developer?
Send Email or Chat on WhatsApp