Change background color of thumbnails?

Permalink Browser Info Environment
How do I change the background color/black border of the thumbnails? I have changed all the colors in the Design tab, but it's not changing anything.

http://harburn.calljoe4help.com/index.php?cID=272...

Thank you.

Type: Pre-Sale
Status: Resolved
ssailer
View Replies:
mnakalay replied on at Permalink Reply
mnakalay
Hello,

The color customization the gallery offers are for the overlay, not the thumbnails.

The gallery, however, comes with 13 different templates, each with a totally different style and many without any borders at all.

You can see screenshots of most of them on the market page:http://www.concrete5.org/marketplace/addons/touch-gallery1/...

I would suggest that you try those first and maybe you'll find one you like as is.

If not, you might at least find one that is closer to what you want to achieve and I can help you modify that one.

If you are not sure how to use templates, here's an explanation:https://documentation.concrete5.org/editors/in-page-editing/block-ar...

If anything is not clear please feel free to reach out again.
ssailer replied on at Permalink Reply
ssailer
I don't see an option without borders, except the artist grid, and that one keeps all the thumbs pushed up against each other. Is there an option for no borders with a little space in between?

Thank you.
mnakalay replied on at Permalink Reply
mnakalay
Modifying a theme to do what you want is not very complicated and I'm happy to do it for you but before I do, I need you to select one theme you like where I would just have to modify some simple details like removing the border.

There are 2 themes with no borders and some space between them. All they have is a little bit of shadow. They are the Corner Shadow Theme and the Simple Shadow theme. Did you try those?
ssailer replied on at Permalink Reply
ssailer
I found one that I think will work for my client. If it's just a matter of editing the CSS, I can do that. Thank you for your help! :)
mnakalay replied on at Permalink Reply
mnakalay
Actually, you shouldn't edit the template's CSS directly because if you do you will lose your modifications later if you update the gallery.

There are 2 ways of doing it safely:

1- Add the CSS directly to the website's theme CSS
2- Copy the template you like from the gallery block's folder, put it inside your site application/blocks/touch_gallery/templates folder and rename it to something else using only lower case letters and underscore (no spaces) like for instance custom_gallery_template
The modify that copy and apply the template to the gallery like you usually do.
ssailer replied on at Permalink Reply
ssailer
Sounds great - thank you so much!
mnakalay replied on at Permalink Reply
mnakalay
You're very welcome. Feel free to reach out again if you have any problem.

If you had the time to leave a review for the gallery, I would really appreciate it. It really helps other users to get a better feel of the possibilities of the gallery. If it's OK with you, you can do it here:https://www.concrete5.org/marketplace/addons/touch-gallery1/reviews...

Many thanks in advance.
ssailer replied on at Permalink Reply
ssailer
Done - thank you!
mnakalay replied on at Permalink Reply
mnakalay
Wow! you're so fast! :)

Thank you so much.
ssailer replied on at Permalink Reply
ssailer
:D

concrete5 Environment Information

# concrete5 Version
Core Version - 8.3.2
Version Installed - 8.3.2
Database Version - 20180122213656

# concrete5 Packages
Database Migration (0.9.5), Dynamic Images (1.2), Easy Image Gallery (1.4.2), Free Map (1.1), Honest Websites Back To Top (1.0.1), HTML+PHP Code Block (1.0.2), Nestable Manual Nav (1.3.1), PDF Viewer (1.0.1), Simple Slider (1.0), Tallacmans Tasty Templates (1.0), Touch Gallery 3 (3.2.1), Use CDN (0.1.3), Whale OWL Carousel (2.5.7.9)

# concrete5 Overrides
themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/backgrounds/01.png, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/backgrounds/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/backgrounds, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/gallery/01.png, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/gallery/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/gallery, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/249x100.png, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/348x261.png, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/avatar.png, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/imgl.gif, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/imgr.gif, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/demo, themes/bit/Bistup Free Website Template from OS Templates/bistup/images/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/images, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/scripts/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/scripts/jquery.backtotop.js, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/scripts/jquery.min.js, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/scripts/jquery.mobilemenu.js, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/scripts, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/css/fontawesome-all.min.css, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/css/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/css, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-brands-400.eot, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-brands-400.svg, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-brands-400.ttf, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-brands-400.woff, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-brands-400.woff2, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-regular-400.eot, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-regular-400.svg, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-regular-400.ttf, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-regular-400.woff, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-regular-400.woff2, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-solid-900.eot, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-solid-900.svg, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-solid-900.ttf, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-solid-900.woff, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/fa-solid-900.woff2, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/webfonts, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/fontawesome-free, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/framework.css, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles/layout.css, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/styles, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/layout, themes/bit/Bistup Free Website Template from OS Templates/bistup/pages/basic-grid.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/pages/font-icons.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/pages/full-width.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/pages/gallery.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/pages/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/pages/sidebar-left.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/pages/sidebar-right.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/pages, themes/bit/Bistup Free Website Template from OS Templates/bistup/index.html, themes/bit/Bistup Free Website Template from OS Templates/bistup/licence.txt, themes/bit/Bistup Free Website Template from OS Templates/bistup, themes/bit/Bistup Free Website Template from OS Templates, themes/bit/images/_notes/mockup.jpg.mno, themes/bit/images/_notes, themes/bit/images/demo/backgrounds/01.png, themes/bit/images/demo/backgrounds/index.html, themes/bit/images/demo/backgrounds, themes/bit/images/demo/gallery/01.png, themes/bit/images/demo/gallery/index.html, themes/bit/images/demo/gallery, themes/bit/images/demo/249x100.png, themes/bit/images/demo/348x261.png, themes/bit/images/demo/avatar.png, themes/bit/images/demo/imgl.gif, themes/bit/images/demo/imgr.gif, themes/bit/images/demo/index.html, themes/bit/images/demo, themes/bit/images/index.html, themes/bit/images/logo-1.fw.png, themes/bit/images/mockup.fw.png, themes/bit/images/mockup.jpg, themes/bit/images, themes/bit/layout/scripts/index.html, themes/bit/layout/scripts/jquery.backtotop.js, themes/bit/layout/scripts/jquery.min.js, themes/bit/layout/scripts/jquery.mobilemenu.js, themes/bit/layout/scripts, themes/bit/layout/styles/fontawesome-free/css/fontawesome-all.min.css, themes/bit/layout/styles/fontawesome-free/css/index.html, themes/bit/layout/styles/fontawesome-free/css, themes/bit/layout/styles/fontawesome-free/webfonts/fa-brands-400.eot, themes/bit/layout/styles/fontawesome-free/webfonts/fa-brands-400.svg, themes/bit/layout/styles/fontawesome-free/webfonts/fa-brands-400.ttf, themes/bit/layout/styles/fontawesome-free/webfonts/fa-brands-400.woff, themes/bit/layout/styles/fontawesome-free/webfonts/fa-brands-400.woff2, themes/bit/layout/styles/fontawesome-free/webfonts/fa-regular-400.eot, themes/bit/layout/styles/fontawesome-free/webfonts/fa-regular-400.svg, themes/bit/layout/styles/fontawesome-free/webfonts/fa-regular-400.ttf, themes/bit/layout/styles/fontawesome-free/webfonts/fa-regular-400.woff, themes/bit/layout/styles/fontawesome-free/webfonts/fa-regular-400.woff2, themes/bit/layout/styles/fontawesome-free/webfonts/fa-solid-900.eot, themes/bit/layout/styles/fontawesome-free/webfonts/fa-solid-900.svg, themes/bit/layout/styles/fontawesome-free/webfonts/fa-solid-900.ttf, themes/bit/layout/styles/fontawesome-free/webfonts/fa-solid-900.woff, themes/bit/layout/styles/fontawesome-free/webfonts/fa-solid-900.woff2, themes/bit/layout/styles/fontawesome-free/webfonts/index.html, themes/bit/layout/styles/fontawesome-free/webfonts, themes/bit/layout/styles/fontawesome-free/index.html, themes/bit/layout/styles/fontawesome-free, themes/bit/layout/styles/framework.css, themes/bit/layout/styles/index.html, themes/bit/layout/styles/layout.css, themes/bit/layout/styles, themes/bit/layout/index.html, themes/bit/layout, themes/bit/p7ehc/p7EHCscripts.js, themes/bit/p7ehc, themes/bit/p7qc/p7qc.css, themes/bit/p7qc, themes/bit/pages/basic-grid.html, themes/bit/pages/font-icons.html, themes/bit/pages/full-width.html, themes/bit/pages/gallery.html, themes/bit/pages/index.html, themes/bit/pages/sidebar-left.html, themes/bit/pages/sidebar-right.html, themes/bit/pages, themes/bit/index.html, themes/bit/licence.txt, themes/bit, themes/harburn/_notes/full.html.mno, themes/harburn/_notes/index.html.mno, themes/harburn/_notes/right.html.mno, themes/harburn/_notes, themes/harburn/fonts/themify.eot, themes/harburn/fonts/themify.svg, themes/harburn/fonts/themify.ttf, themes/harburn/fonts/themify.woff, themes/harburn/fonts, themes/harburn/hard_epoxy_resin/1.jpg, themes/harburn/hard_epoxy_resin/10.jpg, themes/harburn/hard_epoxy_resin/11.jpg, themes/harburn/hard_epoxy_resin/12.jpg, themes/harburn/hard_epoxy_resin/13.jpg, themes/harburn/hard_epoxy_resin/14.jpg, themes/harburn/hard_epoxy_resin/15.jpg, themes/harburn/hard_epoxy_resin/16.jpg, themes/harburn/hard_epoxy_resin/17.jpg, themes/harburn/hard_epoxy_resin/18.jpg, themes/harburn/hard_epoxy_resin/19.jpg, themes/harburn/hard_epoxy_resin/2.jpg, themes/harburn/hard_epoxy_resin/20.jpg, themes/harburn/hard_epoxy_resin/202.jpg, themes/harburn/hard_epoxy_resin/213.jpg, themes/harburn/hard_epoxy_resin/239.jpg, themes/harburn/hard_epoxy_resin/249.jpg, themes/harburn/hard_epoxy_resin/3.jpg, themes/harburn/hard_epoxy_resin/329_237.jpg, themes/harburn/hard_epoxy_resin/4.jpg, themes/harburn/hard_epoxy_resin/5.jpg, themes/harburn/hard_epoxy_resin/6.jpg, themes/harburn/hard_epoxy_resin/7.jpg, themes/harburn/hard_epoxy_resin/8.jpg, themes/harburn/hard_epoxy_resin/9.jpg, themes/harburn/hard_epoxy_resin/her_table.JPG, themes/harburn/hard_epoxy_resin/important.gif, themes/harburn/hard_epoxy_resin, themes/harburn/images/01.fw.png, themes/harburn/images/banner1.fw.png, themes/harburn/images/banner2.fw.png, themes/harburn/images/banner3.fw.png, themes/harburn/images/banner4.fw.png, themes/harburn/images/commemorative_coins_main.png, themes/harburn/images/logo-1.fw.png, themes/harburn/images/medallions_ribbons_main.png, themes/harburn/images/mockup.fw.png, themes/harburn/images/mockup.jpg, themes/harburn/images/slidar-ok.png, themes/harburn/images, themes/harburn/p7ehc/p7EHCscripts.js, themes/harburn/p7ehc, themes/harburn/p7igm/img/p7IGM-back.png, themes/harburn/p7igm/img/p7IGM-first-gray.png, themes/harburn/p7igm/img/p7IGM-first-white.png, themes/harburn/p7igm/img/p7IGM-last-gray.png, themes/harburn/p7igm/img/p7IGM-last-white.png, themes/harburn/p7igm/img/p7IGM-maximize-gray.png, themes/harburn/p7igm/img/p7IGM-maximize-white.png, themes/harburn/p7igm/img/p7IGM-minimize-gray.png, themes/harburn/p7igm/img/p7IGM-minimize-white.png, themes/harburn/p7igm/img/p7IGM-next-gray.png, themes/harburn/p7igm/img/p7IGM-next-white.png, themes/harburn/p7igm/img/p7IGM-pags-gray.png, themes/harburn/p7igm/img/p7IGM-pags-white.png, themes/harburn/p7igm/img/p7IGM-pagsdown-gray.png, themes/harburn/p7igm/img/p7IGM-pagsdown-white.png, themes/harburn/p7igm/img/p7IGM-pagsmax-gray.png, themes/harburn/p7igm/img/p7IGM-pagsmax-white.png, themes/harburn/p7igm/img/p7IGM-pagsmin-gray.png, themes/harburn/p7igm/img/p7IGM-pagsmin-white.png, themes/harburn/p7igm/img/p7IGM-pagspause-gray.png, themes/harburn/p7igm/img/p7IGM-pagspause-white.png, themes/harburn/p7igm/img/p7IGM-pagsplay-gray.png, themes/harburn/p7igm/img/p7IGM-pagsplay-white.png, themes/harburn/p7igm/img/p7IGM-pause-gray.png, themes/harburn/p7igm/img/p7IGM-pause-white.png, themes/harburn/p7igm/img/p7IGM-play-gray.png, themes/harburn/p7igm/img/p7IGM-play-white.png, themes/harburn/p7igm/img/p7IGM-prev-gray.png, themes/harburn/p7igm/img/p7IGM-prev-white.png, themes/harburn/p7igm/img/p7IGM_placeholder.gif, themes/harburn/p7igm/img/p7igm_loading.gif, themes/harburn/p7igm/img/p7igm_loading.png, themes/harburn/p7igm/img, themes/harburn/p7igm/p7IGM01.css, themes/harburn/p7igm/p7IGM02.css, themes/harburn/p7igm/p7IGM03.css, themes/harburn/p7igm/p7IGM04.css, themes/harburn/p7igm/p7IGMscripts.js, themes/harburn/p7igm, themes/harburn/p7lbm/p7LBM-Core.css, themes/harburn/p7lbm/p7LBM-Custom-01.css, themes/harburn/p7lbm/p7LBM_1.css, themes/harburn/p7lbm/p7LBM_1_1.css, themes/harburn/p7lbm/p7LBM_2.css, themes/harburn/p7lbm/p7LBM_3.css, themes/harburn/p7lbm/p7LBM_4.css, themes/harburn/p7lbm/p7LBM_5.css, themes/harburn/p7lbm/p7LBM_6.css, themes/harburn/p7lbm/p7LBM_DT.css, themes/harburn/p7lbm/p7LBM_DT_legacy.css, themes/harburn/p7lbm, themes/harburn/p7pm3/img/pmm3-down-dark.gif, themes/harburn/p7pm3/img/pmm3-down-light.gif, themes/harburn/p7pm3/img/pmm3-down-medium.gif, themes/harburn/p7pm3/img/pmm3-right-dark.gif, themes/harburn/p7pm3/img/pmm3-right-light.gif, themes/harburn/p7pm3/img/pmm3-right-medium.gif, themes/harburn/p7pm3/img, themes/harburn/p7pm3/p7PM3-13.css, themes/harburn/p7pm3/p7PM3-14.css, themes/harburn/p7pm3/p7PM3scripts.js, themes/harburn/p7pm3/p7PM3-05.css, themes/harburn/p7pm3/p7PM3-11.css, themes/harburn/p7pm3, themes/harburn/p7qc/p7qc.css, themes/harburn/p7qc, themes/harburn/tablebacks/COINSMEDALLIONS.jpg, themes/harburn/tablebacks/LAPELPINS.jpg, themes/harburn/tablebacks/OTHRSTF.jpg, themes/harburn/tablebacks/PATCHES.jpg, themes/harburn/tablebacks/PRODUCTS.jpg, themes/harburn/tablebacks/PVC.jpg, themes/harburn/tablebacks/tablebackground.jpg, themes/harburn/tablebacks, themes/harburn/default.php, themes/harburn/description.txt, themes/harburn/foo.php, themes/harburn/full.html, themes/harburn/full.php, themes/harburn/harburn.css, themes/harburn/home.php, themes/harburn/index.html, themes/harburn/page_theme.php, themes/harburn/right.html, themes/harburn/right.php, themes/harburn/themify-icons.css, themes/harburn/thumbnail.png, themes/harburn/vibo.htm, themes/harburn, themes/d1.html, themes/d2.html, themes/d3.html, themes/diagonal.html

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - On - If blocks on the particular page allow it.
Full Page Cache Lifetime - Every 30 minutes.

# Server Software
Apache

# Server API
litespeed

# PHP Version
7.1.22

# PHP Extensions
apcu, bcmath, bz2, calendar, Core, ctype, curl, date, dba, dom, enchant, exif, fileinfo, filter, ftp, gd, gettext, gmp, hash, iconv, imap, intl, ionCube Loader, json, ldap, libxml, litespeed, mbstring, mcrypt, mysqli, mysqlnd, odbc, openssl, pcntl, pcre, PDO, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, readline, Reflection, session, shmop, SimpleXML, snmp, soap, sockets, SourceGuardian, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tidy, tokenizer, wddx, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend OPcache, zip, zlib

# PHP Settings
max_execution_time - 3000
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - -1
max_input_vars - 1000
memory_limit - 368M
post_max_size - 128M
sql.safe_mode - Off
upload_max_filesize - 128M
ldap.max_links - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
odbc.max_links - Unlimited
odbc.max_persistent - Unlimited
pcre.backtrack_limit - 1000000
pcre.recursion_limit - 100000
pgsql.max_links - Unlimited
pgsql.max_persistent - Unlimited
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
opcache.max_accelerated_files - 10000
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.81 Safari/537.36 Avast/69.0.829.82

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.