Search Results for 'css'

[Harry]

You should wrap text in p tag and style with css

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

[info_ispl]

Hey,

 

Now css is working in mobile view but slider still not working properly in iPhone. Check screenshot :

Attachments:

You must be logged in to view attached files.

[Harry]

Hi,

I see the code it now work on your site http://prntscr.com/o4v1ot. Did you fix? You also can use file style.css of claue-child to add your custom code.

Kind regards

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

[info_ispl]

Hello,

We are trying to add responsive CSS for all Mobile screen but CSS is not working on IOS device.. Please check and get back ASAP.  I checked in iPhone 6 – iPhone 7 but changes are not reflecting. CSS is already added..

Path of CSS file : https://www.innerme.co.in/demo/wp-content/themes/claue-child/my_custom_css.css?version=51

 

[Harry]

Hi,

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

.header-5 #jas-mobile-menu ul ul li {
	margin-left: 15px;
}

Kind regards

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

[Harry]

Hi Brent,

Please add more code to gecko-child > style.css

.product-button a:hover .tooltip {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(-50%) translateY(-50px);
	-ms-transform: translateX(-50%) translateY(-50px);
	-o-transform: translateX(-50%) translateY(-50px);
	transform: translateX(-50%) translateY(-50px);
}

Kind regards

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

[Harry]

Hi Mike.

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

@media only screen and (max-width: 736px) {
.product-category h2, .jas-banner h3 {
	font-size: 11px;
}}

and change 11px with your number

Kind regards

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

[brent]

Hey Harry I temporarily used CSS to hide the Quick View button, What I would like to do if possible would be to change the tooltip on it to “See Details” and have it link directly to the product since we can’t display all of the information there.

Thank you,

Brent

Thank you!
Brent

[Harry]

Hi,

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

@media only screen and (max-width: 736px) {.shop_table .product-thumbnail img {max-width: 150px;}}

Please reply on our support forum, don’t reply via email. That will help us easy to track your issue.

Kind regards

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

[Harry]

Hi,

Please change code on line 31 to

<div class="lds-eclipse"><div>
	<?php echo next_posts_link( esc_html__( 'Load More', 'claue' ) ); ?>
</div></div>

and change add css code to claue-child > style.css

@keyframes lds-eclipse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes lds-eclipse {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.lds-eclipse {
position: relative;
display: inline-block;
}
.lds-eclipse a {
position: absolute;
-webkit-animation: lds-eclipse 0.5s linear infinite;
animation: lds-eclipse 0.5s linear infinite;
width: 160px;
height: 160px;
top: 20px;
left: 20px;
border-radius: 50%;
box-shadow: 0 10px 0 0 #e06ed3;
-webkit-transform-origin: 80px 85px;
transform-origin: 80px 85px;
background: none;
border: none;
text-indent: -999em;
}
.lds-eclipse {
width: 200px !important;
height: 200px !important;
-webkit-transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
transform: translate(-100px, -100px) scale(1) translate(100px, 100px);
}
.jas-ajax-load a:hover{
	background: none !important;
	border: none !important;
	box-shadow: 0 10px 0 0 #e06ed3;
}

Kind regards

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