Hi Gilesholder,
Thank you for purchase and report bug.
We will fix this for the next update.
You can add below code to hotfix in JanStudio > Theme Option > General Layout > Custom CSS
.woocommerce-product-search .search-field { float: left; width: calc(100% – 108px); }
.woocommerce-product-search input[type=”submit”] { float: right; padding: 0 15px; }
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
You can add custom CSS code in Claue > Theme Option > General Layout > Custom CSS
.badge .new, .badge span { background: #000; }
.shop-top-sidebar .widget ul li.current-cat a { color: #c2ceca;}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
You can add custom css code in JanStudio > Theme Option > General Layout > Custom CSS
#bbpress-forums li.bbp-header a.subscription-toggle { color: #fff;}
and change #fff with your color.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi there,
I want to change the text color of the Subscribe button. Whats the custom css code for it?
Cheers
Kai
P.S You can see it here: http://docs.vreo.io/forums/forum/general-forum/
Hi,
You can add custom css
.widget ul.product-categories li { padding-left: 15px; position: relative; }
.widget ul.product-categories li::before { color: #222; content: “+”; left: 0; position: absolute; }
best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hello,
Thank you for purchase!
I help you.
1. Change page header by metaslider
2. Disable breadcrumbs
You can check setting in page layout options ( i disabled page title and breadcrumb)
https://monosnap.com/file/4gtSRxEdVPQrH8LnjDrWz5mgcJjf8p#
3. To make the title of categories center you can add custom css in Claue > Theme Options > General Layout > Custom CSS
.product-category, .jas-banner { text-align: center;}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hello.
I need your support to customize shop page. I have started with fullwidth shop demo page, it’ll be my home page.
I attach a screenshot. There are three arrows on it to point to problems I want to solve.
I appreciate your help and time for me.
1. Into the header I’d like to upload an image with a bigger height. If I upload it by theme option it is resized and cutted. Is it possible to replace it with a meta slider?
2. How Could I remove the text “Front end” from breadcrumb?
3. I know how to resize text under category product (from he configuration), but I ‘d like to center this text. Could you help me giving exact css rules.
Thanks for your attention.
Regards.
Screenshot
http://awesomescreenshot.com/0256at3e12
Hello, can you make your logo bigger and change your logo width in Dashboard > JanStudio > Theme Options > Header > Logo Width > 64px
I saw your original logo size is 64 x 64 but your setting is 32px
And you can change for logo fit header__mid with no padding by add custom css in Dashboard > JanStudio > Theme Options > General Layout > Custom CSS
.jas-branding { padding: 0;}
.jas-menu > li > a { line-height: 64px;}
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Hi,
2.For the header:
– remove prev code .header__mid {margin: 0 auto; max-width: 1170px; padding: 0;} and .header-sticky .header__mid { left:50%; transform: translate(-50%, -50%); }
– add new code .header__mid .jas-row {margin: 0 auto; max-width: 1170px; padding: 0;}
5. you can add custom css
#jas-backtop { display: none !important;}
6. Now don’t have option to add currency between menu and cart.
Best regards
Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio
Thanks for the reply!
The header height works now and the logo and cart is in the middle.
But when i scroll down a new problem came up the header menu goes to the left as soon as I scroll (see picture)

I tried with this code to fix it: .header-sticky .header__mid { left:50%; transform: translate(-50%, -50%); }
but then it became like this (see picture) the header ends in the middle nothing on the sides.

The css code on question number 5 doesnt work for me. This is the arrow i want to remove (See picture)

I also wonder if its possible to add the currency switch menu that is in the top header to the normal header between menu and cart
(see picture)

Sry about the double post…
Would be great if you could help me with this!
-
This reply was modified 7 years, 10 months ago by
cleast.