Off Screen Hero Unit

Permalink Browser Info Environment
Hi

I need to say again how much I am enjoying your theme. It's making getting a site together so much simpler. Thank you!

I don't know if this is possible, or if there is an easier way of doing this, hence this ticket. I'm using the Off Screen Hero Unit in a number of places and they work really well. I have a page where I am affectively wanting the same layout and features of the Off Screen Hero Unit, but for it to be within a standard 1 column layout with space around it - ie so it's no longer off screen and within the confines of the layout. Is there an easy solution to do this? I thought it easier to ask the expert in the first instance.

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

Sorry for the delay getting back to you.

You should be able to accomplish this with a bit of custom CSS and adding a custom class. First, you need to add a custom class, I think I covered this in a different support request of yours, but add a custom class to the offscreen hero unit you wish to alter, then 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:

.my-class .offscreen-hero-unit__image-right {
    max-width: 100%;
}


or if you have the image on the left, use the following:


.my-class .offscreen-hero-unit__image-left {
    max-width: 100%;
}


Make sure you replace ".my-class" with the custom class you created in the beginning.

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

that should do what you want.

Best regards

David
justynpride replied on at Permalink Reply
justynpride
Absolutely perfect. This is a truly useful addition to what I'm after and a real time saver.

Thank you.

Justyn
VidalThemes replied on at Permalink Reply
VidalThemes
No worries, thanks Justyn.

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
Block Builder (1.2.1), Modena Theme (1.1.0)

# concrete5 Overrides
blocks/express_entry_list/templates/grid_view/view.js, blocks/express_entry_list/templates/grid_view/view.php, blocks/express_entry_list/templates/grid_view/view.css, blocks/express_entry_list/templates/grid_view, blocks/express_entry_list/templates, blocks/express_entry_list, blocks/calendar_event/templates/detail_ministry/view.php, blocks/calendar_event/templates/detail_ministry, blocks/calendar_event/templates, blocks/calendar_event, blocks/half_page/edit.php, blocks/half_page/form.php, blocks/half_page/icon.png, blocks/half_page/add.php, blocks/half_page/css_files/form.css, blocks/half_page/css_files/styles.css, blocks/half_page/css_files, blocks/half_page/scrapbook.php, blocks/half_page/view.php, blocks/half_page/config-bb.json, blocks/half_page/controller.php, blocks/half_page/db.xml, blocks/half_page/composer.php, blocks/half_page, blocks/page_list/templates/leaders_view/view.php, blocks/page_list/templates/leaders_view, blocks/page_list/templates/leaders_sidecard/view.php, blocks/page_list/templates/leaders_sidecard, blocks/page_list/templates, blocks/page_list, blocks/speakers/edit.php, blocks/speakers/form.php, blocks/speakers/auto.js, blocks/speakers/icon.png, blocks/speakers/add.php, blocks/speakers/css_files/form.css, blocks/speakers/css_files/styles.css, blocks/speakers/css_files, blocks/speakers/scrapbook.php, blocks/speakers/view.php, blocks/speakers/config-bb.json, blocks/speakers/controller.php, blocks/speakers/db.xml, blocks/speakers/composer.php, blocks/speakers, blocks/calendar/templates/calendar_nodates/view.php, blocks/calendar/templates/calendar_nodates/view.css, blocks/calendar/templates/calendar_nodates, blocks/calendar/templates, blocks/calendar

# 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.4.12

# 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, redis, Reflection, session, shmop, SimpleXML, snmp, soap, sockets, SPL, sqlite3, standard, sysvmsg, sysvsem, sysvshm, tidy, timezonedb, tokenizer, 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 - 1000
memory_limit - 128M
post_max_size - 8M
upload_max_filesize - 60M
ldap.max_links - Unlimited
mbstring.regex_retry_limit - 1000000
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
unserialize_max_depth - 4096
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_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.1 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.