Search Results for 'css'

[Harry]

Hi Rizwan,

Can’t use Css to make dropdown because they’re different html.

Kind regards

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

[Web_Browser]

Hi Harry,

1. I have been in touch with Plugin Dev and will see. Cannot we use the .css for the first image, so we can replace the .css in the second image with ?

2. Many Thanks , works very well.

Many Thanks for your continued support.
Kind Regards,
Rizwan

[Harry]

Hi Rizwan,

1. The code generate by subscription plugin and the code it now is table https://ipac.donate.studio/donate/water-by-month-max/ so can’t change it as dropdown. Please contact to plugin author.

2. Please add below code to Custom CSS

.entry-summary .subscription-details.subscription-terms {display: block;}

Regards

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

[Harry]

Hi cssnik,

Please change code to

add_action( 'wp_head', 'remove_my_action' ); 
function remove_my_action(){
	remove_action( 'woocommerce_single_product_summary', 'jas_claue_wc_single_social_share', 50 );
}
function jas_claue_child_social_share() {
	global $post;
	$src = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), false, '' );
	?>
		<div class="social-share">
			<div class="jas-social">
				<a title="<?php echo esc_html__( 'Share this post on Facebook', 'claue' ); ?>" class="cb facebook" href="http://www.facebook.com/sharer.php?u=<?php esc_url( the_permalink() ); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=380,width=660');return false;">
					<i class="fa fa-facebook"></i>
				</a>
				<a title="<?php echo esc_html__( 'Share this post on Twitter', 'claue' ); ?>" class="cb twitter" href="https://twitter.com/share?url=<?php esc_url( the_permalink() ); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=380,width=660');return false;">
					<i class="fa fa-twitter"></i>
				</a>
				<a title="<?php echo esc_html__( 'Share this post on Google Plus', 'claue' ); ?>" class="cb google-plus" href="https://plus.google.com/share?url=<?php esc_url( the_permalink() ); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=380,width=660');return false;">
					<i class="fa fa-google-plus"></i>
				</a>
				<a title="<?php echo esc_html__( 'Share this post on Pinterest', 'claue' ); ?>" class="cb pinterest" href="//pinterest.com/pin/create/button/?url=<?php esc_url( the_permalink() ); ?>&media=<?php echo esc_url( $src[0] ); ?>&description=<?php the_title(); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
					<i class="fa fa-pinterest"></i>
				</a>
				<a title="<?php echo esc_html__( 'Share this post on Tumbr', 'claue' ); ?>" class="cb tumblr" data-content="<?php echo esc_url( $src[0] ); ?>" href="//tumblr.com/widgets/share/tool?canonicalUrl=<?php esc_url( the_permalink() ); ?>" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=540');return false;">
					<i class="fa fa-tumblr"></i>
				</a>
			</div>
		</div>
	<?php
}

function jas_claue_child_wc_single_social_share() {
	if ( cs_get_option( 'wc-social-share' ) ) {
		jas_claue_child_social_share();
	}
}
add_action( 'woocommerce_single_product_summary', 'jas_claue_child_wc_single_social_share', 50 );

Kind regards

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

[netmined]

Hi Harry,

Thank you for your quick reply.

On no. 1 – how/where do we change the colour of the page titles? (so to change not the background to the title but the colour of the actual writing)

2. Thank you, this worked but it doesn’t look like the organic way that woocommerce displays  category text (it runs right to the edge of the page and doesn’t look natural). It should appear as part of Woocommerce, it should not need any extra code to make it appear (this is how it was on our old theme). Could you please let us know how to make it appear within Woocommerce without this code override?

3. Thank you for the code to move the category description to the bottom of the page. We’ve placed it into functions.php but unfortunately it didn’t work. The text on Wedding Glam category is still at the top.

4. Thank you for your but this is not what I was asking. We want to be able to have the website logo be designated as the H1 tag. This is now quite common for many websites. How can we do this?

And regarding the H2 tag/title – we just want to manually adjust the size of the font on the front page. If we reduce it in Page Builder, it drops it down from H2 to H3 which is bad from an SEO point of view. So just how can we manually reduce the size of that heading in Page Builder with CSS?

Many thanks again.

 

[Harry]

Hi,

1. Please change code example to http://prntscr.com/nags52

.page-id-5018 .page-head::before {
	background: rgba(233,30,99,1.0);
}

2. Please use the file you sent me add below code to Claue > Theme Option > General Layout > Custom CSS

.term-description {
	display: block;
	margin-top: 30px;
}

and add below code to claue-child > functions.php

/* move category description below products */
add_action( 'wp_head', 'remove_my_action' ); 
function remove_my_action(){
	remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
}

function jas_claue_child_wc_page_head() {
	if ( ! cs_get_option( 'wc-enable-page-title' ) || ( class_exists( 'WCV_Vendors' ) && WCV_Vendors::is_vendor_page() ) ) return;

	$title = cs_get_option( 'wc-page-title' );

	$output = '<div class="page-head pr tc"><div class="jas-container pr">';
		if ( is_search() ) {
			$output .= '<h1 class="mb__5 cw">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
		} elseif ( is_shop() ) {
			$output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
			$output .= '<p class="mg__0">' . do_shortcode( cs_get_option( 'wc-page-desc' ) ) . '</p>';
		} else {
			// Remove old position of category description
			remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
			$output .= '<h1 class="cw">' . single_cat_title( '', false ) . '</h1>';
			//$output .= do_shortcode( category_description() );
			add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 100 );
		}
		ob_start();
		$output .= ob_get_clean();
	$output .= '</div></div>';

	echo wp_kses_post( $output );
}

add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

3. You can add your custom H1 to home page content, to reduce font size of H2 on your home page, please edit home page and edit heading element.

Kind regards

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

[Harry]

Hi,

Did you check on real device or check on simulator? Please try un-compress js and css and re-compress again.

Kind regards

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

[netmined]

Hi Harry,

The code snippet to make the page title invisible works great but it should only do this on the New Arrivals page, not all of them. How do we amend the CSS to just work only on that page?

Also, there seems to be an issue with product category descriptions not appearing on the page. For example we have category text for the Wedding Glam’ section which should show up on the page but it doesn’t. We’ve played around with the settings but can’t seem to be able to make it come up.

We also need to make this text appear at the bottom of the page, below the products for that category rather than at the top. Could you please let us know how to switch this?

Finally, a couple of question about the home page. We can’t find any H1 tags on the home page for the store name. Most themes and sites these days seem to have the shop logo be the H1 tag. How do we do this? For obvious reasons, we don’t want to be duplicating the title separately on that page with another H1 tag which is not necessary.  We have also set up a H2 tag on that page but the size of the heading is a little bit too big. How can we keep it as H2 but reduce the size of it a little bit?

Many thanks in advance for your reply.

[Harry]

Hi Dewald,

Please follow this screenshot to set content full width http://prntscr.com/na13eu

Please add below code to Claue > Theme Option > General Layout > Custom CSS to remove margin-top

.jas-page > div {margin-top: 0;}

Kind regards

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

[Harry]

Hi Krillse,

Please check your site at https://gtmetrix.com/reports/inkandlise.com/qjaYSFxn
http://prntscr.com/n9tvtk

and try combine your js and css file before minify.

Kind regards

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