'Personalize Design' button from Printful isn't centered

Solved
sgwilliam
Tourist
7 0 0

Hello,

The 'Personalize Design' button from Printful doesn't fit well with my Shopify theme. I would like the button to be more centered so it has a more profesional look.

I would appreciate if anyone could explain how I can change that.

Thank you! 

image.png

0 Likes
Natztech
Shopify Partner
944 264 683

Please provide website url and if your store is password protected then also provide password So I will check and provide a solution here

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
sgwilliam
Tourist
7 0 0

Thanks for the reply. 

Website is:

https://yellowturnout.com/

0 Likes
sgwilliam
Tourist
7 0 0

Website is yellowturnout.com

0 Likes
tompeet
Excursionist
14 3 3

Hi, rather then centring the button, i would make it full width using this css then it will match the other buttons

 

Add the following to you theme.css file

 

 

button#pfCustomizeProductBtn {
    width: 100%;
}

 

 

0 Likes
sgwilliam
Tourist
7 0 0

Thanks for the reply,

But I can't find the theme.css file.

It looks really awful, what do you suggest I do? I can't find an answer anywhere.

 

Captura de pantalla 2021-05-25 a las 13.47.47.png

0 Likes
LetsCode
Explorer
55 7 11

This is an accepted solution.

You can do like this.

If helpful then please Like and Accept Solution.
Feel free to contact me on vjangir1012@gmail.com regarding any help
Shopify Developer
sgwilliam
Tourist
7 0 0

Yes! And change the color, but how do I do it? Can you help me?

0 Likes
LetsCode
Explorer
55 7 11

#content .pro_main_c .desc_blk .desc_blk_bot {
padding: 15px 25px;
display: grid;
}
.button {
margin: .4em;
padding: 1em;
cursor: pointer;
background: #ffb910;
text-decoration: none;
color: #fff;
font-weight: bold;
-webkit-tap-highlight-color: transparent;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
width: 50%;
font-size: 14px;
font-weight: 400;
line-height: 1;
border-radius: 25px !important;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}

If helpful then please Like and Accept Solution.
Feel free to contact me on vjangir1012@gmail.com regarding any help
Shopify Developer
sgwilliam
Tourist
7 0 0

Thank you, but I don't know what a css file is and I don't know where to paste this code.

0 Likes