Forum Replies Created
-
Posts
-
Hi Mike,
Thank you so much! I was wondering why doesn’t it work, had no idea about the U.
Quite frankly it seems like the whole CSS should be moved to WordPress > Customize > Additional CSS instead to decrease the size of CSS.
Again, thank you very much for your help and time. Really appreciate it!
Best,
AlexHi Mike,
It just worked, but because I needed the other icon I tried to change it and now it doesn’t. [av_font_icon icon='ue8b1']
I also usually use different location for custom CSS Enfold > General Styling > Quick CSS. Would you say that WordPress > Customize > Additional CSS is a better because the custom CSS does not have to be duplicated for different language or why did you use it otherwise?
Best,
AlexDear Mike,
Sorry for not answering the message. Worked at an Expo over the weekend and could not reply.
First of all, everything works perfectly, just checked.
Second of all, thank you for making even more what was initially requested. The language placeholder was only there for the moment before the dropdown function was fixed. But it was the function that I actually needed and could not get it myself! That said, THANK YOU VERY MUCH for your help!!!
I think I will put Kreisi logo as an official partner at some point in time. Your team is great :)
Thank you!!!
Hope you have a good day.
P.S. if I would need to put an icon instead of the text (language), would that be possible and easily achievable? The icon code looks like this: [av_font_icon icon='ue821'].
Best,
AlexHi Ismael,
Have you had a chance to look into the site yet?
Looking forward to hear from you.
Best,
AlexanderHi Ismael,
Thank you very much for looking into the problem.
I have once hired a programmer who changed disabled some languages to appear on all pages but that has been removed (maybe not completely) can’t be 100% sure.
Site details attached in Private Content.
Thank you!
AlexHi Ismael,
Just to clarify, are you saying that this is an incompatibility of the theme and WPML?
Should I in this case wait for an update?
Meanwhile keeping (Enfold > Main menu > Menu Icon submenu items > Always display submenu items) as this is where the setting for the first option was.
P.S. For some reason the WPML sandbox mode did not have this error. It seems to only appear on my installation of the theme, but even if I turn all plugins off and remove all custom CSS and Google tracking the issue is still there. So I wasn’t sure whether it was only me. Hope you checked on a mockup site from your side too.
Best,
AlexanderHi Ismael,
The switcher once clicked simply refreshes the current language and does not give me enough time to pick another language.
Please look at the website now, I have recreated the original menu where the error occurs.
Once you click on the current language in the menu, give it some time and you will see that it simply reloads current page. It suppose to on the other hand open the language list selection.
Looking forward to your reply.
Best,
AlexNo sorry, I must take back what I wrote earlier. It seems like the custom CSS does not affect elements anymore. However if I toggle the Advanced Options on, change the fond size and then toggle the Advanced Options off the text is then a different size on all H1-6 titles even though the Advanced Options are toggled off.
There must be a glitch somewhere…
Seems like everything was working fine before that initial on toggle of Advanced Options
Hi Guenni,
I think you might be right. One can only change the size of P text and not H1-6.
Explains why I had to fiddle with custom CSS a year ago.
Thank you very much for taking a look.
As for the theme — love the new theme options even though are never enough, there are quite a lot more settings that eliminate the need for custom CSS now.
Best,
AlexAs if toggling off the Advance Options has no result. Something overrides the settings set in Text Block.
Hi Nikko,
Thank you for a prompt reply.
On the page through the link there are a few headings that I was working on before getting this problem.
What happens is that when I make some changes in Advance Options and then toggle it off the text that appears on the given page is that what is set in the Advanced Options.
Thank you!
Alex
Hi Ismael,
Is there any other bit of code I need to use with it?
At the moment elements kind of overlap.
Alex
Hi Ismael,
It works now. Really appreciate your help and time. Thank you guys!
It seems to me that I have already taken lots of your time but I have one last question.
After the resize “buy” and “read more” buttons have empty space below. I am sort of ready to let it go but if it would not take a ton of your time, would you be able to possibly stick it to the bottom of each box? If the fix is complicated and would take a lot of your time it is fine as it is already. So thank you!
Best,
AlexHi Mike,
No worries, been busy with other stuff meanwhile. Thank you!
I tried the code and it works. Although if one would have changed the size / dimensions of the browser something strange happens to the buttons on the bottom.
Buttons also have a white space below them if descriptions are different size.
Let me know if that is easily achievable more or less.
Looking forward.
Thank you very much again for the your help!
Wish I could send you a screenshot.
Best,
AlexanderHi Ismael,
Aligning according to the tallest one on the page would be great if that is of course easily reachable in terms of coding involved.
One pf the pages where product grid is used is here: https://www.pearlsmile.com/shop/
Looking forward.
Best,
AlexAlthough I must say that if there is a way to alight everything to the top it would be better, if one resizes the browser window all boxes are different sizes again :(
Hi Ismael,
Just to be entirely sure I just tried the code once again and actually found a little typo, the reason why the code did not work…
add_filter(” woocommerce_short_description”, function($excerpt) {
return wp_trim_words($excerpt, 10);
}, 10, 1);Right after add_filter there should be a bracket then space and then a quotation mark.
So this instead:
add_filter( “woocommerce_short_description”, function($excerpt) {
return wp_trim_words($excerpt, 10);
}, 10, 1);My question though is would it be possible to add the read more link still?
Best,
AlexHi Ismael,
Thank you very much for your quick reply.
Your solution however does not seem to work.
Is there a way to make product boxes to be similar to the way the Row layout in Avia layout builder can be made to equal height and then be vertical aligned to the top?
If not I am open to other suggestions.
Best,
AlexHi Rikard,
I do have another question unfortunately.
I need Product grid and other carousels with products to show product description under the price and before the tax field. I added a product description in product page but cannot make the site to show that short description.
You can see the product grid under the “Product catalogue” header.
https://www.pearlsmile.com/shop/Thank you very much in advance!
Best,
AlexHi there,
Just so you know the problem was resolved :/
I was able to do that with:
/* **
ADD TO CART BUTTON
** */
/* price color & size */
.postid-9557 .av-woo-purchase-button .price span,
.postid-9595 .av-woo-purchase-button .price span,
.postid-9628 .av-woo-purchase-button .price span,
.postid-9653 .av-woo-purchase-button .price span {
font-size: 35px !important;
color: #50b848 !important;
}
/* add to cart button */
#top .button.single_add_to_cart_button {
color: #5690e8;
background: #fff;
border: solid 2px #ebebeb;
border-radius: 35px;
}
#top .button.single_add_to_cart_button:hover {
color: #fff;
background: #f499c0;
border: solid 2px #f499c0;
border-radius: 35px;
}All other technical buttons:
/* **
ACTION BUTTONS
APPLY COUPON
UPDATE CART
EDIT ORDER
** */
.actions .button:disabled {
color: #5690e8 !important;
background: #fff !important;
border: solid 2px #ebebeb !important;
border-radius: 35px !important;
}
.actions .button {
color: #5690e8 !important;
background: #fff !important;
border: solid 2px #ebebeb !important;
border-radius: 35px !important;
}
.actions .button:hover {
color: #fff !important;
background: #f499c0 !important;
border: solid 2px #f499c0 !important;
border-radius: 35px !important;
}
/* **
PROCEED TO CHECKOUT
** */
.cart-collaterals .cart_totals a.button.alt {
color: #5690e8 !important;
background: #fff !important;
border: solid 2px #ebebeb !important;
border-radius: 35px !important;
margin-bottom: 10px;
}
.cart-collaterals .cart_totals a.button.alt:hover {
color: #fff !important;
background: #f499c0 !important;
border: solid 2px #f499c0 !important;
border-radius: 35px !important;
margin-bottom: 10px;
}
/* **
VIEW CART (After Add to cart)
** */
#top .avia-wc-notice-box.main_color .woocommerce-message a.button {
color: #5690e8 !important;
background: #fff !important;
border: solid 2px #ebebeb !important;
border-radius: 35px !important;
margin-bottom: 10px;
}
#top .avia-wc-notice-box.main_color .woocommerce-message a.button:hover {
color: #fff !important;
background: #f499c0 !important;
border: solid 2px #f499c0 !important;
border-radius: 35px !important;
margin-bottom: 10px;
}
/* **
RETURN TO SHOP
** */
a.button.wc-backward {
color: #5690e8 !important;
background: #fff !important;
border: solid 2px #ebebeb !important;
border-radius: 35px !important;
margin-bottom: 10px;
}
a.button.wc-backward:hover {
color: #fff !important;
background: #f499c0 !important;
border: solid 2px #f499c0 !important;
border-radius: 35px !important;
margin-bottom: 10px;
}And a not working product table with tax and shipping information being shown without a margin on the left.
/* **
SHOP VAT + SHIPPING
** */
/* left margin */
.page-id-9546 .product p.wc-gzd-additional-info,
.page-id-10570 .product p.wc-gzd-additional-info,
.page-id-9547 .product p.wc-gzd-additional-info,
.postid-9557 .product p.wc-gzd-additional-info,
.postid-9595 .product p.wc-gzd-additional-info,
.postid-9628 .product p.wc-gzd-additional-info,
.postid-9653 .product p.wc-gzd-additional-info {
margin-left: 15px;
}
/* plus shipping costs */
.page-id-9546 ul.products .product p.shipping-costs-info, ul.products .product p.tax-info,
.page-id-10570 ul.products .product p.shipping-costs-info, ul.products .product p.tax-info,
.page-id-9547 ul.products .product p.shipping-costs-info, ul.products .product p.tax-info,
.postid-9557 ul.products .product p.shipping-costs-info, ul.products .product p.tax-info,
.postid-9595 ul.products .product p.shipping-costs-info, ul.products .product p.tax-info,
.postid-9628 ul.products .product p.shipping-costs-info, ul.products .product p.tax-info,
.postid-9653 ul.products .product p.shipping-costs-info, ul.products .product p.tax-info {
display: flex;
flex-direction: column;
}Hope that helps to someone.
Best,
AlexJust to clarify, I need to add the changes only to “Add to cart” button, not to all buttons on the page. So I need the CSS to be applied to a single element on the page..
Hi Ismael,
Thank you for the reply. Will keep this in mind.
Although I do hope that such button would come sometime in the future :)
Best,
AlexanderHi Yigit,
Thank you for the reply. Could you though please explain to me in a little more detail how exactly should such element be constructed?
Correct me if I am wrong, should I create a new “Code Block” with the html provided by the codepen.io and then use a custom CSS (Placed in the Enfold theme settings)?Best regards,
AlexanderHi Ismael,
Would you reckon that I should use html and css together? It’s not like I can just choose one of them, right?
This question might be stupid, but I have never implemented a custom element like that before.
Best,
Alexander
