Search Results for 'css'

[[email protected]]

Hi Harry,

 

1)  For the buttons you shared links of experts who will cost more than the theme itself, please guide me which theme files I need to edit in order to change the HTML of this section of products card, I will find a solution.

2) It’s not about which width of the image is currently, I think some CSS conflict or property overriding the full width, as you can see I have uploaded a high resolution image, still showing inside the frame.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1, You can fix by open file helper.php in wp-content > claue > core > libraries > janstudio > hooks and change code on line 1224

if ( cs_get_option( 'transparent-main-menu-hover-color' ) ) {
	$css[] = '
		.home .header__transparent .jas-menu li > a:hover {
			color: ' . esc_attr( cs_get_option( 'transparent-main-menu-hover-color' ) ) . ';
		}
	';
}

to

if ( cs_get_option( 'transparent-main-menu-hover-color' ) ) {
	$css[] = '
		.home .header__transparent .jas-menu li > a:hover {
			color: ' . esc_attr( cs_get_option( 'transparent-main-menu-hover-color' ) ) . ';
		}
		.home .header-sticky .jas-menu > li > a,
		.home .header-sticky .jas-action a  {
			color: ' . esc_attr( cs_get_option( 'sticky-main-menu-color' ) ) . ';
		}
	';
}

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

.home .header-sticky .jas-menu > li > a,
.home .header-sticky .jas-action a  {
	color: #222;
}

and change #222 with your color

2. Please add below code to Claue > Theme Option > Scheme Color and change primary color.

Kind regards

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

[Harry]

Hi Donguegra,

1. I’m not clear the issue

2. Please add below code to CLaue > Theme Option > General Layout > Custom CSS

button.single_add_to_cart_button {

	padding: 0 15px;
}

Kind regards

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

[Harry]

Hi Lqqq,

Thank you for choose our theme, please change name to label and add below code to claue > theme option > general layout > custom CSS

.swatch__list--item {
	margin: 3px;
	border-radius: 5px;
	padding: 2px 10px;
}
.swatch__value {
	display: inline-block;
	width: auto;
	height: 24px;
}

Kind regards

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

[Harry]

Hi,

1. Please edit product description edit the row wrap image and content and check in “Show full width” https://prnt.sc/tq0wb7

2. Please download attach file and put in gecko-child > woocommerce
and add below code to gecko-child > functions.php

function change_addtocart_link() {
    remove_action( 'woocommerce_after_shop_loop_item', 'jas_gecko_wc_add_buton' );
}
add_action('wp_head', 'change_quick_view_link');

function jas_gecko_child_wc_add_buton() {
    global $post, $jassc;

    // Get product hover style
    $hover_style = $jassc ? $jassc['hover-style'] : cs_get_option( 'wc-hover-style' );

    if ( $hover_style == 1 ) {
        // Quick view
    } elseif ( $hover_style == 2 ) {
        // Quick view
        echo '<a class="btn-quickview cp pr bs-36" href="' . get_the_permalink() . '" data-prod="' . esc_attr( $post->ID ) . '"><i class="fa fa-eye"></i><span class="tooltip pa cw fs__12 ts__03">' . esc_html__( 'Quick View', 'gecko' ) . '</span></a>';

        // Wishlist
        echo jas_gecko_wc_wishlist_button();
    }
}
add_action( 'change_addtocart_link', 'jas_gecko_child_wc_add_buton', 30 );

and below code to gecko-child > style.css

.product-button {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	position: relative;
}
.product-image .product-button > * {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.product-button a.button {
	opacity: 1;
	transform: scale(1);
}

And 4 you need install plugin for compare function.

Kind regards

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

[Harry]

Hi,

1. It need more customize please contact to expert team to help you do it https://bit.ly/2Loo6ke

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

.product_meta {
	display: none;
}

3. You need set different SKU for each variation example ( Product-11, product-12,..) for main each product (Product-1, product-2)

4. please edit the category and upload thumbnail of category

5. Please edit in Claue > Theme Option > WooCommerce > Product Detail Settings > Size Guide Image & Shipping Content

6. You just add text widget in Appearance > Widgets > Footer#5 and add media and shortcode of subscribe form.

Kind regards

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

[Rahim]

Hi Harry,

It works. All you see on the toolbar in front-end, are related to style.css

in the back-end can be changed by some custom codes or this plugin: Add Admin CSS

When I change the code to this: *:not(i) { font-family: "IranSans" !important; } , this happens: https://prnt.sc/top7jh

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Yes, you need add code to import fonts in claue-child > style.css

Please follow this topic to get snippet https://css-tricks.com/snippets/css/using-font-face/

Kind regards

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

[Harry]

Hi,

Please add custom CSS for only desktop

@media only screen and (min-width: 1025px) {

your code here

}

Kind regards

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

[vikasrox111]

This reply has been marked as private.