Margins

Permalink Browser Info Environment
I love this block, it looks great on my site AND on mobile.

However, I'm trying to set margins for the text content for mobile devices and nothing I've tried works. I have tried media queries (both in the main.css and in the block css) and using the area design options - but on mobile devices my text goes right to the edge of the screen.

Is there another way to set this - manually or as a block setting?

Type: Discussion
Status: In Progress
MelissaAmara
View Replies:
shahroq replied on at Permalink Reply
shahroq
Hello,
Can you provide me a live link to check?
MelissaAmara replied on at Permalink Reply
MelissaAmara
www.catalist.us
shahroq replied on at Permalink Reply
shahroq
I guess what you are trying to do is have a space between your text and browser edge, right? as long as margin already used for centering the content and other stuffs, use padding:
@media (max-width: 600px) {
  .parallax-content-area{
     background-color: green; 
     padding:0 30px;
  }
}
MelissaAmara replied on at Permalink Reply
MelissaAmara
Worked like a charm, thank you so much!

concrete5 Environment Information

# concrete5 Version
5.6.3.4

# concrete5 Packages
Alpha (1.0.3), Bootswatch (0.9.1), Designer Content (3.1.1), Equation (1.0.1), Expand / Collapse (1.2.6), Eye Theme (1.0.2), Galleria image gallery (2.0), Gallery (1.8.1), Google Tagcloud (1.5), Image Caption (1.5.1), Long Story Short (1.0.5), Long Story Short Parallax (1.3.3), Nivo Slider (2.0.1), Power Slider Lite (1.1.1), Simple Tabs (0.9.7), tcSlider (2.2.9), tnSpacer (1.3), Whale Nivo Image Slider (1.2), Whale Parallax Area (0.9.1).

# concrete5 Overrides
languages/fa_IR, languages/it_IT, languages/el_GR, languages/sk_SK, languages/es_AR, languages/de_DE, languages/es_MX, languages/fr_FR, languages/sl_SI, languages/cs_CZ, languages/pt_PT, languages/es_PE, languages/pl_PL, languages/es_ES, languages/da_DK, languages/nb_NO, languages/ro_RO, languages/tr_TR, languages/ar, languages/vi_VN, languages/fi_FI, languages/sv_SE, languages/zh_TW, languages/nl_NL, languages/ru_RU, languages/ja_JP, languages/pt_BR

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - On - In all cases.
Full Page Cache Lifetime - Every 6 hours (default setting).

# Server Software
Apache/2.4.12

# Server API
cgi-fcgi

# PHP Version
5.4.43

# PHP Extensions
apc, bcmath, bz2, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, fileinfo, filter, ftp, gd, gettext, hash, iconv, imap, ionCube Loader, json, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, Phar, posix, Reflection, session, SimpleXML, soap, sockets, SPL, sqlite3, standard, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, Zend Guard Loader, zip, zlib.

# PHP Settings
max_execution_time - 120
apc.max_file_size - 1M
log_errors_max_len - 1024
max_file_uploads - 20
max_input_nesting_level - 64
max_input_time - 60
max_input_vars - 1000
memory_limit - 64M
post_max_size - 48M
sql.safe_mode - Off
upload_max_filesize - 32M
mysql.max_links - Unlimited
mysql.max_persistent - Unlimited
mysqli.max_links - Unlimited
mysqli.max_persistent - Unlimited
pcre.backtrack_limit - 10000000
pcre.recursion_limit - 10000000
session.cache_limiter - nocache
session.gc_maxlifetime - 7200
soap.wsdl_cache_limit - 5

Browser User-Agent String

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.112 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 have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.