Search Results for 'css'

[Harry]

Hi Cairs,

you can change color on homepage by add custom code in JanStudio > Theme Option > General Layout > Custom CSS

.home #jas-content i.fa {
	color: #59bf00;
}

Kind regards

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

[Harry]

Hi,

Please add more code to Claue > Theme Option > General Layout > Custom CSS

.shop-top-sidebar {
	overflow-x: scroll;
	overflow-y: hidden;
}
.shop-top-sidebar .widget {
	text-align: left;
	min-width: 2000px;
	width: auto;
}

Kind regards

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

[bestfitbybrazil]

So i put this code in css theme to cover mobile and desktop. Not working on either now.

 

/* adjust space between product rows on mobile */
@media only screen and (max-width: 768px) {
.product {
margin-top: 45px;
}
}

 

and i tried this not working

@media only screen and (max-width: 768px) {
.products.jas-row {
margin-top: 90px;
}}

/* adjust space between product rows on desk*/
@media only screen and (min-width: 769px) {
.product {
margin-top: 40px;
}
}

[sait]

Hi,

This part is the original functions.php file, I didn’t add;

When delete this part and paste only your forum codes everything distorted but photos still don’t appear. Like Attach:

<?php
/**
* Claue child theme functions.
* @since 1.0.0
* @package Claue

* Enqueue style of child theme
*/

function jas_claue_enqueue_script() {
wp_enqueue_style( ‘jas-claue-parent-style’, get_template_directory_uri() . ‘/style.css’ );
}
add_action( ‘wp_enqueue_scripts’, ‘jas_claue_enqueue_script’ );

Attachments:

You must be logged in to view attached files.

[sait]

This reply has been marked as private.

[Floow]

Hi Harry,

Thank you for the answer. This is totally CSS solution. Can you please double read my question one time. Thank you.

And I purchased new support a couple months ago and still have 2 months left. Please see screenshot

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Florian,

Please add below code to Claue > Theme Option > General Layout > Custom CSS

.archive.post-type-archive .page-head::before,
.archive tax-product_cat .page-head::before {
	background: none;
	padding: 10px 0;
}
.archive.post-type-archive .page-head h1,
.archive tax-product_cat .page-head h1 {
	color: #222;
}

Btw, your support expired. Could you please renew your support at https://themeforest.net/item/claue-clean-minimal-woocommerce-theme/18929281 that will help us continue develop new features and improve our theme.

Thank and regards

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

[Floow]

Hi Harry,

another thing.

I want basically that on the shop category-, tag-, as well on the attribute-archives that the grey bar should go away. Can we modify something in the archive-product.php (and some small CSS) to only have the title displayed in black?

When you access the shop page on mobile – you see how I actually want it. Now I have this background just not shown (hidden via CSS) but actually I just want to get rid of the code so that the background picture on the categories is not loading in the back anymore.

This standard grey bar (when no background picture is set) can easily be overwritten with CSS or would it be better to change the code there as well?

Thanks.

Attachments:

You must be logged in to view attached files.

[Floow]

Great!

Thank you very much. Worked. So far I did this:

<?php echo do_shortcode(‘[woocs style=”1″ show_flags=1 head_bg=”#00000014″ head_txt_color=”#000″ head_close_bg=”black” head_close_color=”white”]’); ?>

With additional CSS of

.woocs-style-1-dropdown {
max-width:200px;
}

It works fine, but how do I get it on mobile? It seems that I have to insert it into another field as well. Thank you!

 

[Harry]

Hi,

Please add below code to Gecko > Theme Option > General Layout > Custom CSS

[dir="rtl"] .woocommerce .product-category h2, 
[dir="rtl"] .product-category h2, 
[dir="rtl"] .woocommerce .product-category h3, 
[dir="rtl"] .product-category h3 {
	left: auto;
	right: 0;
	top: auto;
	bottom: 0;
}
[dir="rtl"] .product-category h2::before, .product-category h3::before,
[dir="rtl"] .product-category h2::after, .product-category h3::after {
	display: none;
}

I remove the text Shop now by use code

[dir="rtl"] .product-category h2::before, .product-category h3::before,
[dir="rtl"] .product-category h2::after, .product-category h3::after {
	display: none;
}

Kind regards

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