Search Results for 'css'

[Faizan]

here is complete CSS if this helps

https://pastebin.com/EifwiLdX

[Harry]

Hi Nanostad,

1. The background of page get images you upload for thumbnail http://take.ms/rgFbC
2. To fix background on sub-categories please add custom code in JanStudio > Theme Option > General Layout > Custom CSS

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

Best regards

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

[Faizan]

Hey. Do i need to remove the CSS snippet you gave me or should I keep it?

[Harry]

Hi,

You can change this breadcrumb bar background color by add custom code in Claue > Theme Option > General Layout > Custom CSS

.jas-wc-single .bgbl, .jas-breadcrumb { background: #f6f6f8;}

And change #f6f6f8 with your color code.

Best regards

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

[Harry]

1. You can follow this screen shot https://monosnap.com/file/rc5mXr4V1m52d9BJfLgr2kFN9nLqYD#
2. You add custom css for responsive on mobile in JanStudio > Theme Option > General Layout > Custom CSS

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

.vc_column_container > .vc_column-inner.vc_custom_1499139219444 { padding-left: 15px !important; padding-right: 15px !important; }

}

 

Best regards

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

[rbydesign]

Thanks Harry,

Theres no mechanism to control that empty space by mobile or non-mobile without some extra CSS I assume? For example on say Jupiter theme the blank spaces/padding can be controlled by screen size. The downside I see with the empty space is that I don’t really want it to display for desktop/large screen sizes, but its a necessity on mobile.

Ben

[rbydesign]

Hi There,

I installed the Gecko Furniture demo, but I have noticed the featured images on the homepage on my demo are not consistent with the look and feel on the demo on your side.

I am referring to the images mid way down where you have 2 columns:

(1) Left column image and right side products

(2) Right column image and left side products

On your demo the images are ‘reasonable’ in their display output on mobile, but on my demo the images are not responding the same and it looks rubbish.

What am I missing? Is there some custom CSS on your demo version that isn’t automatically set when a user imports that demo onto their own site?

Thanks,

Ben

[Harry]

Hi SnoopGraphic,

Thank you for choosing our theme.

1. You can try import attach file via Tools > Import > WordPress Import

2. You can disable the text “Frontpage” on home by edit this page and navigate to “Page Layout Option > Enable Page Title > Off

if only want hide this text you can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.home .jas-breadcrumb { display: none;  }

 

Best regards

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

[Faizan]

Hey. I have added the CSS. It was fine on my android device. After adding the code, here’s how it looks. I’m not sure about iPhone yet.

Hope you remember, I only get the problem on iPhone 5 5s 6 6s. On other devices it looked fine before. Please check attached for how is it looking on my android device.

Attachments:

You must be logged in to view attached files.

[Harry]

You can add custom css

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

.btn-atc .variations_form .yith-wcwl-add-to-wishlist { top: -32px;}

}

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