Search Results for 'css'

[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 7 years, 6 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 7 years, 7 months ago by Harry.
• This topic was modified 7 years, 7 months ago by Harry.
• This topic was modified 7 years, 7 months ago by Harry.
• This topic was modified 7 years, 7 months ago by Harry.
• This topic was modified 7 years, 5 months ago by Harry.

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

[Harry]

General Settings of Visual Composer can be accessed from your WP Admin Panel -> Visual Composer  and allows editing of Visual Composer configuration configuration.

General Settings

General Settings of Visual Composer allows control of following configuration:

• Global responsive content: Disable or Enable responsive settings. Check this checkbox to prevent content elements from “stacking” one on top other (on small media screens, eg. mobile);
• Google Fonts subsets: Include or exclude Google Fonts subsets available in Visual Composer. Note: It is recommended to use subsets only if they are required for your content;
• Guide Tour: Reset Visual Composer introduction Guide Tour.

Role Manager

Control user group role access to the features and options of Visual Composer – manage WordPress default and custom roles. Each user group has following access controls:

• Post types: Enable Visual Composer for pages, posts and custom post types. Note: By default Visual Composer is available for pages only;
• Backend editor: Enable/Disable Backend editor, set is as default and disable Classic editor;
• Frontend editor: Enable/Disable Frontend editor;
• Page settings: Control access to Visual Composer page settings. Note: Disable page settings to restrict editing of Custom CSS through page;
• Settings options: Control access rights to Visual Composer admin settings tabs (e.g. General Settings, Shortcode Mapper, …);
• Templates: Control access rights to templates and predefined templates. Note: “Apply templates only” restricts users from saving new templates and deleting existing;
• Elements: Control user access to content elements;
• Grid Builder: Control user access to Grid Builder and Grid Builder Elements;
• Element Presets: Control access rights to element presets in element edit form. Note: “Apply presets only” restricts users from saving new presets, deleting existing and setting defaults.

Note: In WordPress Multisite SuperAdmin has all access rights enabled without option to disable them.

 

Design Options

Design Options allows you to apply custom visual appearance to Visual Composer content elements and also control responsive width. By default content elements “stack” one on top other when screen size is smaller than 768px.

Custom CSS

If you want to add some custom CSS code to the plugin and don’t want to modify any files, then it’s a good place to enter your code at this field.

Important: Visual Composer offers several ways for you to add Custom CSS. Please visit Custom CSS section for more information.

Product License

Activate Visual Composer license to receive all benefits:

• Direct update option;
• Access to official support;
• Ability to use Visual Composer with any theme (not only the one which has Visual Composer included).

Read more about Product License activation.

Shortcode Mapper

Add 3rd party shortcodes to Visual Composer by converting them to elements. Read more about Shortcode Mapper usage.

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