Image banner desktop and mobile content box

Store Design
1

saadrafi_0-1718795492912.png
saadrafi_0-1718795492912.png396×703 216 KB

i want the desktop content to show where i have placed the learn more button, i want it round and color same as

EFA99F and same font . please help me with the code. similar placement on both desktop and mobile - center and below

website url: www.thoughtbox.pk

2

Hello @saadrafi

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

@media screen and (min-width: 768px){ .banner--content-align-right.banner__box { max-width: 100% !important; text-align: center; } .banner__buttons a.button{ background-color: #EFA99F !important; border-radius: 20px !important; color: #fff !important; } .banner__buttons { border: unset !important; } .button:before , .button:after{ box-shadow: unset !important; } } @media screen and (max-width: 767px){ .banner__buttons { position: absolute; top: 192px; left: 86px; } medium:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content { position: relative; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

3

i added your code and everything got very enlarged on my website and i removed your code and everything is still very enlarged. please check and help me !!!