Search Results for 'css'

[Harry]

Hi,I checked your site and saw, switcher language menu they use code have different structure with our menu.
you can use custom css in JansStudio > Theme Options > General Layout > Custom CSS to display language switcher
#jas-mobile-menu ul .pll-parent-menu-item > a {display: none;}
#jas-mobile-menu ul .pll-parent-menu-item ul { display: block; padding-left: 0;}

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 in JanStudio > Theme option > General Layout > Custom CSS Style

.swatch li, .swatch li span { border-radius: 0;}

Best regards!

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

[Foster]

Hi Blatt

Please add this code to Custom CSS
.single-portfolio .page-head { display: none; }

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

[blatt]

Hi, I would like to “remove” the image+text header inside portfolio pages. I already tried to add

.jas-portfolio-single .page-head{
display:none;!important
}

To the “custom CSS” section inside Theme Options without success, how can I acomplish this?

Thanks

[Harry]

1. You can remove breadcrumb and also keep space above product content by add custom css in JanStudio > Theme Option > General Layout > Custom CSS

.page-head .jas-container { display: none;}

If you want move to left you can add custom css

.page-head .jas-container { width: 100% ; padding: 0 15px;}

.jas-wc-single .page-head .woocommerce-breadcrumb { text-align: left}

.page-head a { color: #000;}

.jas-breadcrumb i, .woocommerce-breadcrumb i { margin: 100px 10px 0; }

 

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 in JanStudio > Theme option > General Layout > Custom CSS

.header__top jas-col-md-4.jas-col-sm-6.jas-col-xs-12.start-md.start-sm.center-xs {flex-basis: 100%; max-width: 100%; padding: 10px 0; text-align: center; width: 100%;}

.header__top .jas-col-md-4.tc.hidden-sm, .header__top .jas-col-md-4.jas-col-sm-6.jas-col-xs-12.end-lg.end-sm.center-xs {display: none;}

 

Best regards!

• This reply was modified 8 years, 4 months ago by Harry.

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

[Harry]

Hi,

1. You can change black by add custom code in JanStudio > Theme Option > General Layout > Custom CSS or add css in style.css in child theme

.jas-push-menu h3 { background: #000;} change #000 to your color

2. Black shadow when open menu

.mask-overlay  {background: rgba(0, 0, 0, 0.8);} you can change 0,0,0 with your color

You can see rgb in photoshop like screenshot as 84,80,48 and 0.8 is opacity

3. The submenu background

.jas-menu ul { background: #3e3e3e; } change #3e3e3e to your color

4. Background on footer

#jas-footer:before { background-color: rgba(0, 0, 0, 0.95); } you can follow step 2

5. Yes, when you change #b59667 it will apply for these elements you said

Regards!

 

 

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

[Harry]

Hi,

Thank you for purchase and your kind words!

Sorry for late reply.

1. Now our theme don’t support option to change color with schema, we will update this feature soon but now you have to change with code. You can install child theme include in package you downloaded from Themeforest and copy code from style.css in “gecko” folder to style.css in “gecko_child” and find #b59677 and replace with your color

Example:

input[type=”submit”],
button,
a.button {
cursor: pointer;
border: 0;
text-transform: uppercase;
letter-spacing: 3px;
padding: 0 27px 0 30px;
background: #b59677;
color: #fff;
border-radius: 0;
}

replace with

input[type=”submit”],
background: #FDFD96;
}

2. You can use code blow for 1,3,4 col of footer

Footer Area #1 – Text Widget

<div class=”footer-contact”>
<p><a href=”index.php”><img alt=”GECKO” src=”http://janstudio.net/gecko/furniture/wp-content/uploads/2016/06/footer-logo.png&#8221; class=”mt__5 mb__15 size-full” width=”199″ height=”23″>
</a></p>
<p><i class=”fa fa-briefcase”> </i>184 Main Rd E, St Albans <br>
<span style=”padding-left: 22px”>VIC 3021, Australia</span></p>
<p><i class=”fa fa-envelope-o”></i> <a href=”mailto:[email protected]”>[email protected]</a></p>
<p><i class=”fa fa-phone”></i> +001 2233 456</p>
<ul class=”jas-social mt__15″>
<li><a href=”https://www.facebook.com/JanStudio-527963834074920/&#8221; title=”Facebook”>
<i class=”fa fa-facebook”></i>
</a></li>
<li><a href=”https://twitter.com/jan_studio&#8221; title=”Twitter”>
<i class=”fa fa-twitter”></i>
</a></li>
<li><a href=”https://plus.google.com/u/1/102811781810668807583&#8243; title=”Google Plus”>
<i class=”fa fa-google-plus”></i>
</a></li>

<li><a href=”https://www.instagram.com/jsfashionstock/&#8221; title=”Instagram”>
<i class=”fa fa-instagram”></i>
</a></li>
<li><a href=”https://www.pinterest.com/janstudio16/&#8221; title=”Pinterest”>
<i class=”fa fa-pinterest-p”></i>
</a></li>
</ul>
</div>

Footer Area #3.

You can create new menu and add new widget as custom menu

Footer Area #4 – Text Widget

<p>Subscribe to our newsletter and get 10% off your first purchase </p>
[mc4wp_form id=”256″]
<p class=”mt__15″><img src=”http://janstudio.net/gecko/furniture/wp-content/uploads/2016/06/payment2.png&#8221; alt=”accept payment”/></p>

 

3. You can change background color for tag by add custom css code in JanStudio > theme Option > General Layout > Custom CSS

.widget .tagcloud a { background: #4d5959; }

.widget .tagcloud a:hover { background: #b59677 ;}

You can change #4d5959 and #b59677 with your colors

4. You can change background color of bar above logo by add custom css code

.header__top { background: #3e3e3e;}

and change #3e3e3e with your color code;

Best regards!

 

 

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

[Harry]

Hi,

We will update feature to theme color in future.

This time you can copy css syntax from “style.css in gecko” to “style.css in gecko-child”
You can find all “#b59677” and replace with your color
Example:

a.button-o-w:hover {
border: 1px solid #b59677;
background: #b59677;
color: #fff;
}

Change it to

a.button-o-w:hover {
border: 1px solid red;
background: red;
}

Best regards!

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

[Harry]

1. To hidden page title on product page and category page you need add custom css code in JanStudio > Theme Options > General Layout > Custom CSS Style

.tax-product_cat .page-head, .single-product .page-head {display: none;}

2. To hidden page title on static page you go to Dashboard > Pages > Select page you want  hide page title > Edit > Page Layout Option > Disable page title

 

 

• This topic was modified 8 years, 5 months ago by Harry.
• This topic was modified 8 years, 5 months ago by Harry.
• This topic was modified 8 years, 5 months ago by Harry.
• This topic was modified 8 years, 5 months ago by Harry.
• This topic was modified 8 years, 4 months ago by Harry.

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