Homepage design

Solved
piacreative
Tourist
6 0 3

Hi All

Just wanting to ask what code and which section do i need to modify this design to turn into this. 

This is on my homepage btw

 

 

CURRENTLY DISPLAYED: 

Screen Shot 2021-04-28 at 1.30.04 pm.png

Desired outcome 

Screen Shot 2021-04-28 at 1.15.52 pm.png

My main goal is primarily to let my visitors know that the bubble is clickable 

Any help appreciated

Pallavi
Shopify Expert
1314 176 215

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
piacreative
Tourist
6 0 3

..............

0 Likes
satsinghrana
Shopify Partner
133 11 21

This is an accepted solution.

Hey @piacreative 

Just add this code in your theme css file: 

div#shopify-section-16157173410e59c880 .section-header {
    background: #f2a293;
    max-width: 294px;
    padding: 6px 6px 1px 6px!important;
    line-height: 1!important;
    border-radius: 25px;
    cursor: pointer;
    height: 30px;
    margin: 30px auto;
}

 

Screenshot 2021-05-03 at 7.14.42 PM.png

 

Cheers!

If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
piacreative
Tourist
6 0 3
Hi Thanks so much for replying….

on which particular tab do I add this to?


piacreative
Tourist
6 0 3

hi

Appreciate ur reply!!

wondering where exactly do i put it?

I mean on which tab?

Screen Shot 2021-05-03 at 11.57.54 pm.png

0 Likes
satsinghrana
Shopify Partner
133 11 21

This is an accepted solution.

On the bottom of your theme.css file

If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
satsinghrana
Shopify Partner
133 11 21

This is an accepted solution.

Inside assets, there must be a file theme.css.

Put it there at very bottom.

If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
piacreative
Tourist
6 0 3

HEY 

It worked!!!!!
thank you sooo much :):):)

satsinghrana
Shopify Partner
133 11 21

Glad to hear!

If helpful then please Like and Accept Solution
Hire for Custom Shopify Solutions, Apps development or Any kind of Web development work.
Contact : satsinghrana1@gmail.com
See our Shopify Apps: HERE
0 Likes