Search Results for 'css'

[Harry]

Hi,

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

.widget .search-form label, .widget
.woocommerce-product-search .search-field {
	width: calc(100% - 115px);
}

Kind regards

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

[Harry]

Hi,

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

.summary .wpa-wcpb-list {
	margin-bottom: 0 !important;
}

If issue still there, please give me link of product on your site for me can check.

Regards

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

[Harry]

Hi,

Please add more custom CSS

.product-image-flip a {
	pointer-events: none;
}

Kind regards

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

[Web_Browser]

Hi,

Many Thanks for the CSS. I tried but when I click on the product, the The Donate Now button appears but also on the first click the pages starts to go to the product page and does not get a chance to click on Donate Now to get the quick view screen (pop up)

I hope you can see this and help.
Thanks

[Harry]

Please add in Claue > Theme Option > General Layout > Custom CSS

.archive .page-head p {
	height: 0;
	width: 0;
	opacity: 0;
}

Kind regards

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

[Harry]

Hi,

Please add below code to Claue > Theme Option > general layout > Custom CSS

@media only screen and (max-width: 1024px) {
.yith-wcwl-add-to-wishlist ~ .product-btn {
	top: 40% !important;
}
.product-btn {
	left: 50%;
	transform: translate(-50%, -50%);
	top: 40% !important;
}
.product-btn {
	opacity: 0;
	visibility: hidden;
	color: #222;
}
.btn-quickview {
	text-indent: 0;
	background: #fff;
	border: inherit;
	padding: 0 15px;
}
.product-image:hover .product-btn {
	opacity: 1;
	visibility: visible;
	top: 50% !important;
}
.btn-quickview:hover {
	background: #222 !important;
}}

Kind regards

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

[Harry]

Hi,

1. Please add below code to claue-child > funtions.php

if ( ! function_exists( 'jas_claue_head_single' ) ) {
	function jas_claue_head_single() {
		$output = $atts = '';

		// Get post or page thumbnail
		$image = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full', false );

		if ( $image ) {
			$atts = 'style="background: url(' . esc_url( $image[0] ) . ') no-repeat center center / cover;"';
		}

		// Get posted on
		$time = '<time class="entry-date published updated f__libre"' . jas_claue_schema_metadata( array( 'context' => 'entry_time', 'echo' => false ) ) . '>%2$s</time>';

		// Post categories
		$categories = get_the_category_list( esc_html__( ', ', 'claue' ) );

		$output .= '<div class="page-head pr tc" ' . $atts . '>';
			$output .= '<div class="jas-container pr">';
				$output .= sprintf( '<h1 class="tu cw mb__10" ' . jas_claue_schema_metadata( array( 'context' => 'entry_title', 'echo' => false ) ) . '>%s</h1>', get_the_title() );
				$output .= sprintf( $time,
					esc_attr( get_the_date( 'c' ) ),
					esc_html( get_the_date() )
				);
				$output .= '<div class="pr mt__10">';
					if ( $categories ) {
						$output .= sprintf( '<span>' . esc_html__( 'In %1$s ', 'claue' ) . '</span>', $categories );
					}
					// Post comments
					if ( ! post_password_required() && ( comments_open() || get_comments_number() ) ) {
						$comments_number = get_comments_number();
		    
						if ( '1' === $comments_number ) {
							$output .= '<span class="comment-number pr"><a href="' . get_comments_link() . '">' .sprintf( _x( '1 Comment', 'comments title', 'claue' ), get_the_title() );
							$output .= '</a></span>';
						} else {
							$output .= '<span class="comment-number pr"><a href="' . get_comments_link() . '">' . sprintf(
								_nx(
									'%1$s Comment',
									'%1$s Comments',
									$comments_number,
									'comments title',
									'claue'
								),
								number_format_i18n( $comments_number ),
								get_the_title()
							);
							$output .= '</a></span>';
						}

					}
				$output .= '</div>';
			$output .= '</div>';
		$output .= '</div>';

		return apply_filters( 'jas_claue_head_single', $output );
	}
}

and change code

$atts = 'style="background: url(' . esc_url( $image[0] ) . ') no-repeat center center / cover;"';

to

$atts = 'style="background: #000 "';

and change #000 with your color hexa code

2. And add below code to Claue > Theme Option > general layout > custom CSs

.single-post .page-head::before {
	background: none;
}

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

[Harry]

Hi,

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

.entry-summary .price::after {
	content: "Free shipping";
	padding: 4px 10px;
	font-size: 12px;
	background: #E1E3DF;
	margin-left: 10px;
	border-radius: 5px;
}

Kind regards

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

[Rahim]

Hi Harry,

in style.css of calue,

The core code before all of these changes was:

.woocommerce-checkout-review-order .product-thumb {
padding-right: 0;
}

And now my code which you gave me is:

.woocommerce-checkout-review-order td.product-thumb {

padding-right: 0;

}

Which one should I change back?

Because the code you said change back is the current code that I edited

I should say the current code:

.woocommerce-checkout-review-order td.product-thumb {

padding-right: 0;

}

solved the problem.

Regards.

Rahim Vaziri
CEO & Founder at Look.ir

[Harry]

Hi Rahim,

The code you add only work on RTL layout.

Please change back to

.woocommerce-checkout-review-order td.product-thumb {
padding-right: 0px;
}

and add below code to rtl.css

[dir="rtl"] .woocommerce-checkout-review-order td.product-thumb {
	padding-right: 15px;
}

Kind regards

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