Search Results for 'css'

[Harry]

Hi Cristina,

If you want show it on the mobile it like this https://prnt.sc/rziw3r

Please add below code to JanStudio > Theme Option > General Layout > Custom CSS to show it above menu like this https://prnt.sc/rzixqc

.jas-canvas-menu .jas-action > a, .jas-canvas-menu .jas-action .pe-7s-user {
	color: #e2007d;
}

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 JanStudio > Theme Option > General Layout > Custom CSS

.holder, #jas-mobile-menu ul li a, #jas-mobile-menu ul > li:hover > a, #jas-mobile-menu ul > li.current-menu-item > a, #jas-mobile-menu ul > li.current-menu-parent > a, #jas-mobile-menu ul > li.current-menu-ancestor > a, #jas-mobile-menu ul > li:hover > .holder, #jas-mobile-menu ul > li.current-menu-item > .holder, #jas-mobile-menu ul > li.current-menu-parent > .holder, #jas-mobile-menu ul > li.current-menu-ancestor > .holder {
	color: #e2007d !important;
}

Kind regards

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

[Harry]

Hi,

it because you use plugin So CSS, please change in setting of this plugin https://prnt.sc/rvksk3

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 JanStudio > Theme Option > General layout > Custom CSS

h1.entry-title {
	color: #546969;
}
.entry-summary p, .woocommerce-tabs p {
	color: #999;
}

Kind regards

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

[CristinaSmAb]

Hi!

There are sections where some titles are not seen because they are in white and with the white background they are not seen.
I have tried to change the css, but it does not accept the changes.
How can I do it?
I attach an example of the product page, in the area where the price is, blank also the title and inventory. But it doesn’t come out because it’s blank.

https://www.neylaropadedanza.es/producto/aura/

 

[anonim87229]

Hello,

I’m contacting you as I see my Clauer theme makes my eshop much slow.
Even when all plugins are disabled (only WooCommerce plugin enabled), I still see TTFB is from 5 seconds up to 20+ seconds.

It seems like claue-child is loading in around 22 seconds, when twenty-twenty is loading in around 2 seconds. I know clue have much more data to load, but does it really impacts so much?

Testes were performed when CDN, browser and backend cache were purged totally.

Please see the screenshots.

I repeated the loading and CDN, as well as caching improved page speed but there’re still big speed differences.

I’d like ask you to fix this problems for me.
If you consider you can help me but it needs more resources then just configuring the plugin, I can pay you for the additional optimization. In that case please tell me your price and timeline.

Key facts:

1. eshop is loading much longer when loading the Woocommerce category. When loading product page it’s much faster. The fastest is when loading home page. It seems like the more products to read, the more time to load needed.
2. using Liquid Web Cloud VPS CentOS 7 64-bit with Plesk
3. using CDN StackPath
4. PHP setting are set to high. In wp-config I added define(‘WP_MEMORY_LIMIT’, ‘2G’);
5. other Wordpresses (not WooCommerce) on the same server (but not using CDN) are being loaded in average 2 seconds (around 4 MB of weight). The server is located in the USA, I’m opening the page in Poland, so the domain, server, distance seems not to be a problem.
6. CDN and server provider told me they cannot do anything more in order to make my WooCommerce faster as they adviced me to use my developer to look into the database etc.
7. I’m using W3 TotalCache plugin, mostly configured, with lazy loading on (page size decreased). The number of requests is around 80 (acceptable) due to combining and minifying JS, CSS.
8. database was cleaned using WP-Optimize for unnecessary things
9. I have 60 products with around 80 variations for each of them. Variations determine the price and can’t be changed into separate products (makes no sense for the customer), nor into custom product fields (too complex conditional logics, so it’s much better for us to manage prices in CSV file).
10. CSV imports with no meta and 4000 rows take up to 2-3 hours. They are working only when wp-cron is enabled and all plugins disabled (only WooCommerce enabled). It’s acceptable so no need to fix this but it maybe show some problems with table scans/product data reading, saving. So wp-cron is active now.
11. no need to focus on influence of plugins in case of TTFB, as even with only WooCommerce plugin left, it’s still 5-20 seconds to load the backend.
12. I really often receive 504 error during the editing the product in WooCommerce admin panel, or when deleting the product or category, or even when disabling many plugins per once or changing the theme from Claue Child theme which is my main, to Twenty-twenty.
13. I tried to use New Relic to let me know about the database problems but don’t know how to use this program.
14. I was using Plugin Organizer plugin to determine what plugins to load on specific pages but it seems not the issue when all plugins are disabled.
15. 20 secons is a CDN limitation of time, when 504 error might happen and this time cannot be increased.
    changing from my Claue theme into twenty-twenty does improve TTFB much. The same problem was when I was using Divi theme (by Elegant Themes). Seems like only twenty-twenty is much faster.

Now the eshop is live and using all necessary plugins, theme.
What’s important its not getting any traffic so you can perform some tests on it without my prior consent. I have a dump export of the database and the backup of all the website in Plesk.

If you have any questions, please ask me.

Attachments:

You must be logged in to view attached files.

[piatrou]

My claue-child > functions.php

<!--?php
// Подключение стилей родительской темы<br ?--> add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );

function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

// Удалить сообщение Товар добавлен в корзину
add_filter( 'wc_add_to_cart_message_html', '__return_null' );

// Allow HTML in term (category, tag) descriptions
foreach ( array( 'pre_term_description' ) as $filter ) {
remove_filter( $filter, 'wp_filter_kses' );
if ( ! current_user_can( 'unfiltered_html' ) ) {
add_filter( $filter, 'wp_filter_post_kses' );
}
}

foreach ( array( 'term_description' ) as $filter ) {
remove_filter( $filter, 'wp_kses_data' );
}

// Убираем вывод Open Graph и Twitter Cards от Claue
add_action( 'wp_head', 'remove_my_action' );
function remove_my_action(){
remove_action( 'wp_head', 'jas_claue_social_meta', 0 );
}

[Harry]

Hi,

1. You can hide short description of product by add below code to Claue > Theme Option > General Layout > Custom CSS

.woocommerce-product-details__short-description {
	display: none;
}

2. I don’t have experience with this, please contact to plugin author Product Feed PRO for WooCommerce

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 > Theme Option > General Layout > Custom CSS

.badge span {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	line-height: 38px;
}

2. Please go to WooCommerce > Settings > Currency options > Number of decimals > 2 https://prnt.sc/rti5yd

3. Please download attach file, extract to claue-child > woocommerce > single-product and edit code in line 53

echo '<span class="onsale pa right">' . $price . sprintf( __('-%s', 'claue' ), $maximumper . '%' ) . '</span>';

and change to

echo '<span class="onsale pa right">' . $price . sprintf( __('%s', 'claue' ), $maximumper . '%' ) . '</span>';

Kind regards

Attachments:

You must be logged in to view attached files.

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

[Sgmonster]

Hi Harry,

I checked and I don’t have the option to put the link in neither

Here are the code I have in Custom CSS

.result-count-order {
padding: 0 15px;
}
.filter-trigger:after {
content: ‘Filter’;
margin-left: 10px;
}
.product_meta {display: none;}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min—moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .regular-logo { display: block; } .retina-logo { display: none; } }

@media only screen and (max-width: 800px) { .jas-branding { display: none;}}
.additional_information_tab, #tab-additional_information {
display: none !important;
}

@media only screen and (max-width: 800px) {
.wp-caption {
width: 100% !important;
}
}
.quickview-button {bottom: -10px; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: all 0.1s;}
.product-image:hover .quickview-button {bottom: 0; opacity: 1; visibility: visible;}
.quickview-button a { background: #f2f2f2; transition: all 0.3s}
.product-btn .btn-quickview {
display: none;
}
.btn-quickview {
margin: 0;
padding: 0;
}
.quickview-button {
z-index: 99;
}