Custom style fix

Hello,

How do I fix this- Link 1.
I need to fix (display: none). Can it be solved with custom CSS code?
In the original website, flags do not appear.

Hello,

Please provide your site admin access.

Best Regards

Our purpose is to display the flags properly exactly as shown in the screenshot.
Access provided below

Hello,

This code has been added to the Theme Settings > Custom CSS

.whb-header form.woocommerce-currency-switcher-form .dd-image-right, .whb-header form.woocommerce-currency-switcher-form img {
   display: inline-block
}

Please check

Best Regards

Hello,

Yes, I tried that but as you see it shows the unusual flag there(see image attached).

But It doesn’t happen in case of this screenshot – https://c2n.me/3XvtLDi.png

Uploaded again

Attachments:

You must be logged in to view attached files.

Hello,

It shows pre-uploaded images as they are. If you do not like these flags you will need to upload others.

Best Regards

I think you are not understanding me. It apparently worked with this custom CSS

.dd-select .dd-selected  img.dd-selected-image{
display: none !important;
}

whb-header form.woocommerce-currency-switcher-form .dd-image-right, .whb-header form.woocommerce-currency-switcher-form img {
display: block !important;
}  

Check here – Link

Hello,

I still cannot figure out what problem is. Now flags are displayed in the drop-down. Flags are images, we can change size but CSS would not be able to change the image.

Please explain what would you like to change.

Best Regards

Alright. I have solved that issue myself. Now my next issue is Date problem. How can I hide date displayed at reviews?

Hello,

Please add this code to the Theme Settings > Custom CSS:

.commentlist .comment-text .meta time {
    display: none;
}

Best Regards

Thank you for sending the code. I put in but there is a little dash left which has no sense when the date is not there. Please see screenshot for more understanding.

Hello,

Add this code to the Theme settings > Custom CSS:

woocommerce-review__dash{
display:none;
}

Best Regards

Yes, that worked. Thank you!. Now my next concern is – How can I display countdown timer at Header. For example “Sale ends in _______”

Something like this -https://woodmart.xtemos.com/countdown-timer/

Hello,

1. Create a countdown in the HTML block

2. Insert it via HTML block element in the Header Builder http://prntscr.com/lc7t7c and http://prntscr.com/lc7tep

Best Regards

Hello,

How should I remove those borders? I think I have tried all the combinations -Transparent, primary ,standard, inherit, light, dark…

Both settings and results screenshots are attached.

Attachments:

You must be logged in to view attached files.

Hello,

I do not see the counter which page you have put it in?

Best Regards

Please check it asap. I have enabled it. It’s on the header. Clear cache first on your end. The effect is visible public. Need to fix it.

Hello,

I cannot login please update your login.

Best Regards

Hello, You should login at the test website. The login credentials are same. Details provided again-

Hello,

Add this code to your live site:

.woodmart-timer > span {
    background:transparent!important;
}

Best Regards

Yes, I did but there is some problem with style compatibilty. Could you please make it appear like this in header-

Sale ends in: [html_block id="2967"]

This message is in continuation to previous one. Please read previous message first. I am trying to tell you that I want the flexibility with Countdown shortcode. If I add the shortcode after some text so it should appear in one single sentence line. For example –

Input – Sale ends in: [html_block id="2967"]

Output: Sale ends in: 01 05 03 28

For more understanding please see another example in the screenshot. When I put in the html shortcode it does not produces correct styling. The correct image shown is the photoshopped version. I want something like that effect.

Attachments:

You must be logged in to view attached files.

Hello,

Please clarify what do you mean? I see the necessity to increase the row height so the timer could fit.

Check your header.

Best Regards

I am trying to explain you again. Kindly read slowly and carefully.

Even the smallest size countdown timer is too big and looks bulky. I want to be able to do the following.

1) For example when I write- Sale ends in: [countdwon timer shortcode]. It should display all that in one line with same font size and alignment like –
Sale ends in: 01 02 35 02

2) Similarly, If I try to add somewhere else (See screenshot), then also it should display accordingly.

Attachments:

You must be logged in to view attached files.

Hello,

There is no option to insert the text into the countdown so that it would always look like the same on all the devices and places. The HTML block you insert into the header builder consists of two independent elements: countdown and text block.
As for the size of the countdown, you can try to change the font-size of the text inside

.woodmart-timer > span {
    min-width: 40px;
    min-height: 40px;
    font-size: 16px;
}
.woodmart-timer > span span {
    font-size: 8px;
}

Change the values as per your needs and add to the Theme Settings > Custom CSS.

Best Regards

Hello, I Have applied that code but still I think something is missing to bring in the desired effect. I would really appreciate if you can help me fix the 2nd point as I said in the previous message.

Check this Link for example. Please refer the screenshot below to understand what I want.

For more information: When you will login and go to HTML blocks, you will find two blocks named – “Add to cart below” and “sales timer” I am adding “sales timer” shortcode inside “Add to cart below”

Attachments:

You must be logged in to view attached files.

Hello,

That is right you created two HTML. Now you need to insert one in the header and other in the product page.

I see the font-size has been changed. The small font-size is good for the header but not good for a product page. Try to use this code to set different font-sizes for different places:

/*product page*/
.woodmart-after-add-to-cart .woodmart-timer > span {
    min-width: 40px;
    min-height: 40px;
    font-size: 16px;
}
.woodmart-after-add-to-cart .woodmart-timer > span span {
    font-size: 8px;
}

/*header*/
.whb-main-header .woodmart-timer > span{
    min-width: 40px;
    min-height: 40px;
    font-size: 16px;
}

.whb-main-header .woodmart-timer > span span {
    font-size: 8px;
}

Best Regards

Hello, Thank you for sending the code again. I added it but it didn’t worked as expected. See countdown timer at this link for example.

I want to make correct one like in screenshot (Attached below)

In the previous message, I am referring to the countdown timer at the product page. (below add to cart)

[Author]

Posts