"New" Badge – Changing Size and Position

[bezahlbar]

Hi there,

I hope you all had a great weekend.

Can you give me the css code for changing the size and the position of the “New” Badge on a product, please? Or you can just give me the name and the location of the .php file so I can change it.

Thank you very much, again, for your support.

Greets,

Marcus

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

Thank you, we wish you have great weekend too.

You can change background of “new” badge by add custom css

.badge .new {
background: #4eb0be;
top: 15px;
left: 15px;
padding: 0 10px 0 12px;
height: 24px;
line-height: 24px;
}

– You can change #4eb0be with your color

– Change 15px with your number to set position of badge

and change 24px with your number to set height.

Best regards

 

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bezahlbar]

Hello Harry,

that worked out just fine, Thank you.

I do have 2 other questions:

1. Is there a css code for the text alignment for the mobile version of this theme? Whenever I open the site on a mobile device, Samsung Galaxy S5 and S7, the names of the products are not fitting in the screen or the text is overlapping. Please the the attached png’s.

2. How can I add the social media buttons to the menu?

Thanks again in advance for your outstanding support.

Have a great day.

Greets,

Marcus

P.S. Let me know if I have to open a new ticket for above asked questions.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

 

1. You can add custom CSS code for product title on mobile

@media only screen and (max-width: 414px) {

h3.product-title, .woocommerce h3.product-title {
font-size: 10px;
font-weight: 400;
}

}

2. Now you can add social media icon top by go to JanStudio > theme Option > Social Network

our theme don’t support add icon to menu

 

Best regards

 

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[bezahlbar]

You are the best. Thanks

[Author]

Posts