Search Results for 'css'

[Harry]

Hi,

1. you can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.jas-social a.facebook { display: none;}

Change “facebook” with name of social you want to hide.

 

2. Yes, you can add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.header__mid {background: url(‘http://janstudio.net/gecko/organic/wp-content/uploads/2016/05/banner.jpg’); }

.jas-navigation {background: #fff;}

You can change http://janstudio.net/gecko/organic/wp-content/uploads/2016/05/banner.jpg  with path of your image.

3. You can center social by add custom css JanStudio > Theme Option > General Layout > Custom CSS

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

.header__top .jas-socials { padding-top: 0;}

}

Best regards!

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

[Harry]

Hi Ckitso,

Thank you for purchase and using our theme!

Yes, we and The Look team are friend.

Sorry you can’t use css file from Prestashop or Shopify version because different class

You can enqueue flexibility.js file in your child theme to support IE 9 for more detail you can check at https://github.com/jonathantneal/flexibility. and your custom code in child theme will work without any problem in future when you update original theme.

Best regards!

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

[ckitso]

Good Day I recently purchased and I love the layout in that it is very similar to The Look theme (are you assoicated with those developers?)  but offers visual composer straight out the box.

I will be using a child theme to modify the theme to my needs.  However i have some questions regarding the grid you use.  I see it is a custom flex grid which means I will need to add support for IE9. Is there a reason for this grid as opposed to a standard Bootstrap 3 grid which visual composer uses and I see the Prestashop version includes?  I know flex offers some great layout options but it is still very quirky across browsers.

Before I proceed with trying to get some compatibility is there any plan to include a javascript polyfill for IE9 and better IE10 support? I know these browsers are outdated but our site still sees a fair amount of traffic from them.

And Is it possible to get a copy of the Prestashop version and the Shopifies versions stylesheets? As these both work better in IE9 granted with slight markup changes to the woocomerce version.

Alternatively can you suggest the best way to add ie9 support to allow for future updates based on your grid system.

Kind Regards

 

[Harry]

Hi,

You can hide topbar by add custom css in JanStudio > Theme options > General Layout > Custom CSS

.header__top { display: none;}

Regards!

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

[Harry]

Hi,

you can change color of Sale badge by add custom css in JanStudio > Theme Options > General Layout > Custom CSS

.badge span {
      background: #f68e56;
}

And change “#f68e56” with your color code
We also added badge for (out of stock, New Arrival) badge
You can change background for “new arrival” by change ” #4eb0be” for out of stock product by change “#999” with your color.

.badge .new {
      background: #4eb0be;
}
.badge .sold-out {
    background: #999;
}

Best regards!

• This reply was modified 8 years, 3 months ago by Foster.

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

[Harry]

Hi @theSA,

Thank you for purchase!

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

.jas-page div.mt__60.mb__60 { margin: 0;}

to fix gap on all page.

Best regards

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

[theSA]

Hi,

I’m not using the sample data (as I’ve old data that I don’t want removed), and tried to use the CSS-code you posted above but it doesn’t work to remove the gap between the first section and the top.

I’ve a revolution slider in the top section and I’ve a vertical menu, and I wish to have the slider without space above.

How do I get ride of the top gap (on all pages regardless of what’s in the section).

All the best,
Anna

[Harry]

Hi,

Thank you for purchase and using our theme!

Your screen shot in default setting of Ajax Filter it’s only css class to override style of plugin.

To setup filter you need go to Widgets > WooCommerce Sidebar or WooCommerce Top Sidebar.

Best regards!

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

[Harry]

Thank you for purchase and using our theme.

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

to fix problem with Gap on home page

.home .jas-page .jas-col-md-12.mt__60,
.home .jas-page .jas-col-md-12.mb__60 {
margin: 0;
}

2. For slider you lost class “handmade-slider”

3. For issue with translate, can you tell us which string not translate we will take a look and help you solve.

Best regards!

 

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

[Harry]

Hi,

This issue related 3rd plugin.

You can add custom css to fix

.wc-proceed-to-checkout { text-align: center; margin-top: 15px;}

.wc-proceed-to-checkout a.checkout-button { float: none;}

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