Search Results for 'css'

[Harry]

Hi,

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

.shop-top-sidebar .widget ul li,
.jas-service p,
.jas-service .title,
.footer__top .menu li,
.footer__top p {
	font-size: 16px;
}
.single-post .page-head {
	display: none;
}
.post-content {
	font-size: 22px;
}

Kind regards

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

[Harry]

Hi,

I see you added PHP code to JanStudio > Theme Option > General Layout > Custom CSS

/**
 * add brands attribute to the Appearance menu
 */

add_filter('woocommerce_attribute_show_in_nav_menus', 'wc_reg_for_menus', 1, 2);

function wc_reg_for_menus( $register, $name = '' ) {
     if ( $name == 'pa_brands' ) $register = true;
     return $register;
}
/**
 * Move Apple Pay button
 *
 * @return bool
 */
function cs_woocommerce_stripe_apple_pay_button() {
	$applePayInstance = WC_Stripe_Payment_Request::instance();

	//Product Page
	remove_action( 'woocommerce_after_add_to_cart_quantity', array( $applePayInstance, 'display_payment_request_button_separator_html' ), 2 );
	remove_action( 'woocommerce_after_add_to_cart_quantity', array( $applePayInstance, 'display_payment_request_button_html' ), 1 );
	add_action( 'woocommerce_after_add_to_cart_form', array( $applePayInstance, 'display_payment_request_button_html' ), 30);
}
add_action( 'init', 'cs_woocommerce_stripe_apple_pay_button', 1 );

Please remove PHP code in Custom CSS it cause error, and insert PHP code to gecko-child > functions.php

The Custom CSS field only work with CSS code.

Kind regards

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

[borami]

Hi Henry,

Thanks again for your support.

1- With the variation swatch it worked at first putting a rectangle button which I have to say that I loved it. But now it turned to an oval-shaped button which is not as fancy as the rectangle one.

2-The code worked perfectly but in the plugin css dedicated space as putting it into the theme CSS Style menu sometimes the button was misaligned.

Thanks again.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi Borami,

1. For size variation swatch. Please add below code to JanStudio > Theme Option > General Layout > Custom CSS for better style

.is-label .swatch__list--item {
	border-radius: 5px;
	padding: 2px 5px;
}
.swatch.is-label .swatch__value {
	width: auto;
}

2. I checked the Filter button. It can show button in center like this https://prnt.sc/ugep74 by add code to

JanStudio > Theme Option > General Layout > Custom CSS

.jas-wc .berocket_ajax_filters_sidebar_toggle {
	margin: 20px 0 0;
	width: 100% !important;
	text-align: center;
}

Kind regards

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

[Harry]

Hi Donna,

I helped you adjust hero banner. Please add more code to make it work on mobile in Claue > Theme Option > General Layout > Custom CSS

@media only screen and (max-width: 767px) {
.vc_row.vc_custom_1599814288885 {
	padding-top: 20vh !important;
	padding-bottom: 3vh !important;
}
.vc_row.vc_custom_1599814621028 {
	background-position: center left !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}}

Kind regards

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

[Harry]

Hi,

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

.conv-widget-hh {
	max-width: 100% !important;
}

Kind regards

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

[Harry]

Hi DonnaJacky,

I checked on https://testomgeving.jacky.uwwebsitebeheerder.nl/ they use custom CSS in Appearance > Customize > Extra CSS you can use custom CSS for https://www.koreosity.nl/

Kind regards

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

[Harry]

Hi,

1. it cache on your server

2. It’s style of plugin, please try change other way layout

3. I didn’t remove function code just remove some CSS code. I changed link of video to https://www.youtube.com/watch?v=bIKTKgp6-0w in background video field and it work.

Kind regards

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

[borami]

Thanks Harry,

 

1- Sorry, but I don’t know what CDN means…

2-It worked but not putting it in the theme css text field but in the plugin css field. But seems the filters are aligned below and not up. (See screenshots attached)

3- Don’t know what happened but few hours ago I had a YouTube video playing on the background but now is not working. Maybe is for some code you manipulated? I tried to remove it and put it again but with no luck.

Thanks and regards.

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

1. Did you using CDN, please clear cache on CDN. I remove some codes on your site but it not work

2. For filter please add below code to JanStudio > Theme Option > General Layout > Custom CSS

.berocket_single_filter_widget {
	width: 25%;
	display: inline-block;
	padding: 0 15px;
}

Kind regards

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