Promo Banner with countdown on homepage

This topic has 12 replies, 3 voices, and was last updated 6 years, 6 months ago by Artem Temos.

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
July 12, 2018 at 6:06 pm #67238

selcukozdemirli
Participant

Hi,

I recently purchased this theme and started to create web site.
I want my homepage full of banners with countdown.

Just a header with menu and rest of is banner.

I have two questions.
Can i embed countdowns to promo banners?

Second is; i really like the filtering options in categories.
Can i use them to filter my banners?

July 12, 2018 at 6:51 pm #67250

Artem Temos
Keymaster

Hello,

We are glad to know that you have considered using WoodMart for your web-site. I hope you will be happy with it.

You can put countdown timer to the banner content with a simple shortcode [woodmart_countdown_timer date="2019/12/12"].

Sorry, but there is no option to filter banners.

Kind Regards
Xtemos

August 7, 2018 at 2:23 pm #71545

selcukozdemirli
Participant

Thank you i added the countdown to promo banner.
However, i can’t change sizes.

I tried to modify .woodmart-timer {} style , however i can’t resize countdown boxes.
Can you help me please.

I just want to position them under the right side of the banner with minimized size.

August 7, 2018 at 2:43 pm #71553

Elise Noromit
Member

Hello,

Please provide your site admin area and page URL with the countdown

Best Regards

August 7, 2018 at 3:22 pm #71568

selcukozdemirli
Participant

http://www.modasaat.com .
Banner is on the homepage but because of my web site is on mainteinance mode, you can’t see that.

But here is a screenshot.

August 7, 2018 at 3:24 pm #71569

selcukozdemirli
Participant

here is my screenshot

Attachments:
You must be logged in to view attached files.

August 7, 2018 at 3:31 pm #71572

Elise Noromit
Member

Hello,

Please provide your site admin access.

Best regards

August 7, 2018 at 3:34 pm #71573

selcukozdemirli
Participant

test

August 7, 2018 at 4:06 pm #71582
Elise Noromit
Member
Hello,

Please add this code to the Page Settings: http://prntscr.com/kfti6n
```
.promo-banner .content-banner {
    position: absolute;
    width: 100%;
    right: 0;
    bottom: 0;
}
.timer-size-medium .woodmart-timer>span{
min-width:65px;
min-height:65px;
font-size:24px;
line-height:24px;
}
```
If you want to decrease the timer, reduce the values min-width/height and font-size with line-height proportionally.

Best Regards
August 8, 2018 at 8:25 am #71687

selcukozdemirli
Participant

I tried but it outputs an error.

i tried this but this will also affect anything

.promo-banner .content-banner {
position: absolute;
width: 100%;
right: 0;
bottom: 0;
}
.timer-size-medium .woodmart-timer{
min-width:65px;
min-height:65px;
font-size:24px;
line-height:24px;
}

August 8, 2018 at 1:40 pm #71754

Elise Noromit
Member

Hello,

Please follow the steps below:

1. Set the Banner content width 100%, now it is 50% http://prntscr.com/kg73c3

2. Set the content vertical-align “Bottom” http://prntscr.com/kg72is

3. Replace the countdown timer shortcode with this one: [woodmart_countdown_timer size="small" align="right" date="2018/12/12"]

Best Regards

August 8, 2018 at 5:28 pm #71800

selcukozdemirli
Participant

I think template has only 1 one shape for the countdown.
Which plugin should i use for more customization?

August 8, 2018 at 7:05 pm #71809

Artem Temos
Keymaster

Sorry, but we don’t have any plugins to recommend with similar functionality.
Author

Posts