image banner desktop and mobile content box

[saadrafi]

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

[niraj_patel]

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 </body> on theme.liquid
<style>
@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;
}
}
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[saadrafi]

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 !!!!!!!!!