Customizing Countdown Block

Permalink Browser Info Environment
Hello,

I need to customize the Countdown Block like the attached screen cap. I can use the #countdown ID to customize the font color, size, spacing, etc, but I need to also add a rounded corner border around the times. Is there a way to do this? Help would be appreciated.

Thank you!!
Bilan

1 Attachment

Type: Pre-Sale
Status: In Progress
bhockers
View Replies:
mrnoisy replied on at Permalink Reply
mrnoisy
Hi,

You can replace the number images with ones of your own.

The path is:
/countdown/blocks/countdown/images/a/

The files are named 0.gif up to 9.gif.

Hope that helps.
bhockers replied on at Permalink Reply
bhockers
Thanks for the reply! I did see those directories with the gifs, but noticed that when using the countdown block with images instead of text there's a lot of flickering when loading the page. So I was hoping to go down the text route because the countdown is very smooth. Is my only option to update the gifs?

Thank you!!
mrnoisy replied on at Permalink Reply
mrnoisy
You could try CSS border-radius?
bhockers replied on at Permalink Reply
bhockers
Yes, but when I look at the view.php file, it looks like the variables are pulled in at once so that would put a border-radius around the entire block of numbers, as opposed to each individual number. I'm not familiar enough with php to know if I can split up those variables in order to style them separately.
mrnoisy replied on at Permalink Reply
mrnoisy
Please provide a link to the page with the countdown and I'll have a look.
bhockers replied on at Permalink Reply
bhockers
Hi sorry for the delay, I was still building the page. Here is a link to the page and where the countdown currently lies --http://mkenyeve.com/. If all else fails, I will replace the .gifs but the loading time seemed iffy. Ideally, I'd like each number to have its down class so that I can add the border-radius. I tried adding a span tag to each number in the php file, but that didn't seem to work. Please let me know if you have any suggestions. I have to launch this site on 11/2 so I'm trying to do some troubleshooting until then. Thank you!
mrnoisy replied on at Permalink Reply
mrnoisy
Hi, sorry, I've had a look and I don't know how to achieve that effect without images.
bhockers replied on at Permalink Reply
bhockers
Ok, thanks for the help anyways.

concrete5 Environment Information

# concrete5 Version
5.6.2.1

# concrete5 Packages
AddThis (1.0), Advertisement (1.7.7), Auto-Nav Pro (1.5.2), Billboards (2.03), Blog (1.6.1), Box Grabber (1.3), Burrito (1.0.0), Calendar (1.4.6), ccscrollingnews (1.1.9), Contest (1.2), Countdown Block (1.5.1), Easy Accordion (1.1), Easy Accordion Mobile (1.1), Extended Form (2.7.2), Flash Audio (1.3.4), Flash Gallery (2.0), Flash Video (1.8.0), FlexSlider (2.2.0.4), Galleria image gallery (2.0), Get Directions (1.0b), Google Map (Premium) (1.1.1), iCal Template (1.1), Iframe (1.0), Mailing List (2.11), Multimedia Box (99.0), Multiple Domains (1.4.3), Potawatomi (1.0.4), Print Page (1.2), reCAPTCHA (0.9.2), Reviews (1.4.1), RSS Feed Creator (1.23), SimpleNews (5.0.0), Testimonials (1.5), Ticker (1.0.1), Trivera Advanced Comments (1.01), Trivera Blog (1.2.7), Trivera Retina Images (0.9.0), Vimeo Player (1.0).

# concrete5 Overrides
blocks/dynamic_image, blocks/home_promotion, blocks/home_entertainment, blocks/page_list, blocks/featured_promotion, blocks/flash_video, blocks/autonav, blocks/guestbook, blocks/slot_jackpots, blocks/tags, blocks/html5_media, blocks/bingo_jackpots, blocks/home_calendar, blocks/entertainment_type_list, blocks/bingo_list, blocks/tools, blocks/blog_archive, blocks/jackpots, blocks/mobile_events, blocks/bingo_view, blocks/promo_view, blocks/content, blocks/promotion_type_list, blocks/home_jackpots, blocks/dining_specials_list, blocks/mobile_entertainment, blocks/reservations, blocks/search, blocks/blog_list, blocks/home_bingo, blocks/fkc_signup, blocks/mediarotator1, blocks/smart_image, blocks/event_view, blocks/wayfinder_bingo_view, controllers/casino, controllers/mobile, controllers/events, controllers/dashboard, controllers/promotions.php, controllers/api.php, controllers/entertainment, controllers/events-calendar, controllers/wayfinder, elements/header_required_old.php, elements/admin_required.php, elements/events, elements/dashboard_error_list.php, elements/filter_message.php, elements/editor_config.php, elements/header_required.php, elements/footer_required.php, helpers/datetime.php, helpers/events.php, helpers/mobile.php, helpers/directory.php, helpers/page.php, helpers/admin.php, helpers/color.php, helpers/format.php, helpers/series.php, helpers/dining, helpers/video.php, jobs/index_search.php, jobs/clean_otb.php, jobs/blog_emails.php, jobs/sync_mobile.php, js/easy-accordion-anchor-fix.js, js/book-room-dropdown.js, js/mobile, js/schedulr.js, js/prettyPhoto, js/jquery.prettyPhoto.js, js/jackpot_admin.js, js/json2.js, js/schedulr.css, js/jackpot_type_admin.js, css/ddsprivateevents, libraries/page_cache, libraries/resize.php, libraries/mobile_device.php, libraries/request.php, libraries/model.php, libraries/item_list_old.php, libraries/3rdparty, libraries/AdminList.php, libraries/request_old.php, libraries/DavesDatabaseItemList.php, libraries/view.php, models/message.php, models/entertainment_venue.php, models/smart_image.php, models/bingo_date.php, models/promotion_type.php, models/series_pattern.php, models/bingo_session_type_jackpot.php, models/jackpot_machine_type.php, models/bingo_session_type.php, models/dining_location.php, models/jackpot.php, models/blog_comment.php, models/entertainment_type.php, models/otb_message.php, models/event_type.php, models/jackpot_type.php, models/event.php, models/event_department.php, models/page_list_old.php, models/promotion.php, models/entertainment_event.php, models/bingo_session.php, models/series.php, models/otb_type.php, models/mobile_page.php, models/promotion_location.php, models/bingo_list.php, models/otb_list.php, models/otb_race.php, models/blog_mail.php, models/event_schedule.php, models/promotion_type_label.php, models/media_clip.php, models/otb_track.php, models/promo_list.php, models/event_tag.php, models/event_list.php, models/dining_event.php, single_pages/casino, single_pages/page_not_found.php, single_pages/mobile, single_pages/events, single_pages/login.php, single_pages/dashboard, single_pages/promotions.php, single_pages/blog_conversion.php, single_pages/api.php, single_pages/entertainment, single_pages/events-calendar, single_pages/wayfinder, themes/mobile, themes/pbc

# Server Software
Apache/2.2.22

# Server API
cgi-fcgi

# PHP Version
5.3.10-1ubuntu3.13

# PHP Extensions
bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dba, dom, ereg, exif, ffmpeg, fileinfo, filter, ftp, gd, gettext, hash, iconv, json, libxml, mbstring, mcrypt, mhash, mysql, mysqli, openssl, pcntl, pcre, PDO, pdo_mysql, Phar, posix, pspell, Reflection, session, shmop, SimpleXML, soap, sockets, SPL, standard, sysvmsg, sysvsem, sysvshm, tokenizer, wddx, xml, xmlreader, xmlwriter, zip, zlib.

# PHP Settings
max_execution_time - 350
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 600
max_input_vars - 1000
memory_limit - 1028M
post_max_size - 100M
safe_mode - Off
safe_mode_exec_dir - <i>no value</i>
safe_mode_gid - Off
safe_mode_include_dir - <i>no value</i>
sql.safe_mode - Off
upload_max_filesize - 100M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
safe_mode_allowed_env_vars - PHP_
safe_mode_protected_env_vars - LD_LIBRARY_PATH

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2490.71 Safari/537.36

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You may not request a refund that is not currently owned by you.