Search Results for 'css'

[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]

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,

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]

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.

[zurya]

Hi JanStudio,

I love your theme, except for a minor tweaks here and there, one of the main ones right now is the ajax add to cart.

1. I can’t seem to get it to work properly, it works sometimes and doesn’t work the other times.

I have installed minification and caching plugins but I have uninstalled them all and it seemed to work. But I need to know which ones to leave on and which ones to disable.

I am using wp rocket plugin wiyh minification and cloud flare CSS, jss, HTML minification as well.

Also what speed plugins or tweaks do you use to get your website fast? (Already is fast but it would help)

2. The product sticky works like a charm (all of them, except for the one where the photo is in the middle and description on the left with add to cart on the right, I think it would be convenient for customers to have a sticky add to cart on the left as well with just images moving)

But that wasn’t my main problem, its that when you guys have the sticky on PC it looks beautiful but for mobile its very bad, as all the images are stacked up and customers have to scroll through every image on mobile before they get to Add to cart, which is very inconvenient.

Now I’ve seen this in the sober theme, they have sticky product page on pc, but when viewing on tablets and down, mobile, it resets to the standard thumbnails on bottom version so customers don’t have to scroll through all the images.

Hooded Coat

I could definitley wait for an update, or is there any edits, CSS, or code that you could provide me to load the tablets and down version in the normal standard product page version and PC in sticky.
If the code is too much time consuming, I understand, but please include this in the next update.
Thanks,

Please reply asap as the ajax problem is very important, as customers won’t be able to buy items if that isn’t fixed.

• This topic was modified 8 years, 8 months ago by zurya.

[Foster]

Hi bezahlbar,

Thank you for your information, I will consider with my team to improve Ajax add to cart function

For next with display search icon on mobile please add this custom CSS code to Theme Options https://pastebin.com/LneizSug

Last question: please use this https://pastebin.com/pDLg3t35

 

– Foster

[bezahlbar]

Hi there, your support is very fast, thanks for that.

I know that it is working when AJAX is disabled, I was just wondering if you could make it working with AJAX enabled, since it is a nice Feature.

I noticed that the Add to Cart button is working with AJAX enabled when you have to select the color of an item first. Somehow the button is only not working when you have a single product with no options.

And I have another question.

Is it possible to add the search icon to the sticky header on the mobile version, like it is on the normal browser version? Also, can you provide me with the right css code for displaying “Menu” under the 3 bars instead of next to the bars.

Thanks again for your outstanding support.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

You can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.jas-wc .page-head {  background-position: center center; }

Now our theme still doesn’t support use different image for each, we consider it a task to improve in future.

Best regards

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

[tiltil]

This reply has been marked as private.

[Harry]

You add more code to reduce height of header in JanStudio > Theme Option > General Layout > Custom CSS

.jas-menu > li > a { line-height: 60px;}

.jas-branding { padding: 40px 0; }

Reduce 40px and 60px as you want.

Best regards

 

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