Search Results for 'css'

[Weblogging]

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

 

[Harry]

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

[Harry]

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

[cleast]

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 8 years, 7 months ago by cleast.

[Foster]

Hi,

I saw this issue with google map, We will fix it on next version, please stay awaited

Please use this CSS code to increase font size of menu

 
.jas-menu > li {font-size: 20px;}

– Foster

[Foster]

Hi FourVibes,

Please follow below step to solve those problems

1. Please use this custom CSS code https://pastebin.com/mNt7BfSD

2. Please use this code https://pastebin.com/4XTxkdxv or remove video in product detail http://take.ms/Sdwxn

3. Please navigate to JanStudio theme options / Header / Header left content: you can add anything you want into here

4. That is possible, please follow there steps

– Create new page and switch to Backend Editor mode, after that add element Google Map

– After add Map, switch back to Class Mode and copy all content

– Navigate to JanStudio theme option / WooCommerce / Product Detail Setting / Shipping & Return Content: paste code into here

5. Regarding the issue with video, could you please give me a link?

 

– Foster

[Harry]

Hi,

Thank you for purchase!

Sorry for late reply and inconvenience you have.

1. I help you fixed issue with header height, it because you header top empty, you only need add custom css

.header__top { height: 0;}

2. You can add custom css

.header__mid {margin: 0 auto; max-width: 1170px; padding: 0;}

3,4. You can remove by disable plugin YITH Wishlist.

5. you can add custom css

#jas-backtop { display: none;}

 

Best regards

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

[cleast]

Hi!

1. Navigation bar: Theres some automatic space between the navigation bar and the metaslider that im not able to remove, tried CSS and solutions from your forum but nothing works. How can I remove this in a good way? When I inspect the code I assume it style=”height” is set with javascript, and I don’t know how to change it. I don’t want any extra height except for the navbar on top. See the picture below

2. I want to move the logo and the cart so they are within the same container size as the rest of the page content(except for metaslider), see picture.

3. How do I remove the Browse wishlist that appears when I hover a product? see picture

4. How do I remove the add to wishlist in the quick view window?

5. How do I remove the arrow to the right down corner that you use to auto scroll up with?

 

Would be really happy if you could help med with these problems.

[Harry]

Sorry because miss understood,

1, You need active Popup in Dashboard > Popups

https://monosnap.com/file/v1ZRlD20JGoEmImd7nLLjNU3HjK8qQ#

2. Go to YITH Plugins > WC Popup > Show on all page > Enable

https://monosnap.com/file/WpdQH2hvJvJONXxFOrIZH7OCjdWMxB#

3. Add custom code in JanStudio > Theme Option > General Layout > Custom CSS

.offline .ypop-modal { display: block;}

The Popup will appear on maintenance mode

Best regards

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

[Harry]

Hi,

You can add custom css code.

.btn-atc .cart:not(.variations_form) { display: inline; width: 100%; }

Best regards

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