Full width buttons

Permalink Browser Info Environment
Something of a feature request for a btn-block option. It would be great to have the option for full width buttons. Can I achieve this without waiting for a feature?

Type: Discussion
Status: Resolved
justynpride
View Replies:
VidalThemes replied on at Permalink Reply
VidalThemes
Hi there,

Yes, you can achieve this, please follow the steps below:

1/ Place your site in edit mode, then click on the button, from the context menu, click on “Design and Custom template” (cog icon)

2/ Where it says “custom class” add a class name, the name is not important, Concrete5 will copy what you are writing underneath when you are done typing make sure you click on the writing Concrete5 has generated, it should then appear in the custom class box with an “x” next to it, then click the blue save button.

You will now need to go and add a touch of CSS, please follow the steps below:

1/ Click on the "Cog" icon on the top left of the concrete5 admin bar, from the menu select "Design" and then click "Customize" on the blue overlay.

2/ From the customize options scroll all the way to the bottom until you see the "Advanced" section, under that click on the "Cog" icon that is next to the words "Custom CSS" in the CSS window that appears paste in the following CSS code: (replace “.my-class” with the class you created earlier)

.my-class a {
width: 100%
}


3/ Click on "save changes" then click on "Entire site" and publish your page.

I realise this is a bit of a drudge, I will look at making this a whole heap easier in a forthcoming update.
justynpride replied on at Permalink Reply
justynpride
Hi

Perfect. Thank you so much, I have learnt something new today.

Justyn
VidalThemes replied on at Permalink Reply
VidalThemes
Hi Justyn,

I thought I would let you know, I have just released version 1.1.0 of Modena, that now features a custom template for full-width buttons, which should make things a bit easier for any future times you need a full-width button.

Best regards

David
justynpride replied on at Permalink Reply
justynpride
Amazing prompt service and updates. Thanks

concrete5 Environment Information

# concrete5 Version
Core Version - 8.5.4
Version Installed - 8.5.4
Database Version - 20200609145307

# Database Information
Version: 10.3.23-MariaDB
SQL Mode: STRICT_TRANS_TABLES,ERROR_FOR_DIVISION_BY_ZERO,NO_AUTO_CREATE_USER,NO_ENGINE_SUBSTITUTION

# concrete5 Packages
Automatic Email Obfuscator (2.0.1), Modena Theme (1.0.4), Vimeo Video (1.0.2)

# concrete5 Overrides
None

# concrete5 Cache Settings
Block Cache - Off
Overrides Cache - Off
Full Page Caching - Off
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
LiteSpeed

# Server API
litespeed

# PHP Version
7.3.22

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

# PHP Settings
max_execution_time - 30
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 10000
memory_limit - 128M
post_max_size - 80M
upload_max_filesize - 60M
ldap.max_links - Unlimited
mbstring.regex_stack_limit - 100000
memcached.sess_lock_max_wait - not set
memcached.sess_lock_wait_max - 150
memcached.sess_server_failure_limit - 0
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
redis.pconnect.connection_limit - 0
session.cache_limiter - <i>no value</i>
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5
opcache.max_accelerated_files - 4000
opcache.max_file_size - 0
opcache.max_wasted_percentage - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0 Safari/605.1.15

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.