Interactive Black theme display properties.

Permalink Browser Info Environment
I was wondering why this theme doesn't take advantage of a wide screen? On my 1080P monitor, it displays like an 600 x 800 screen. Is there a way to modify this theme to display fully on a wide screen?

Thanks in advance.

Type: Pre-Sale
Status: In Progress
View Replies:
jb1 replied on at Permalink Reply
jb1
Hi, this particular theme was designed many years ago, long before "responsive" design was mainstream. The width of the main content area is 960px which was the standard at the time. You can easily make it wider if you wish by modifying lines 14 and 66 in the style.css file and change "960px" to a larger width (such as "1024px") or even a percentage (such as "90%").

Once you've done that it will apply the change across your site straight away.

Hope this helps.

JB
EGS replied on at Permalink Reply
Do I change the values in these lines : " .bodywrap {margin:0 auto;width:960px;} ". &
: " div.header { width:960px; padding:0; margin:0
auto;position:relative;} "
jb1 replied on at Permalink Reply
jb1
Yes, pretty much anything that says 960px. And you should be good. Just make a backup of the css file to be safe.
EGS replied on at Permalink Reply
EGS replied on at Permalink Reply 1 Attachment
So that effort screwed my home screen up!
jb1 replied on at Permalink Reply
jb1
Perhaps you accidently removed one of the colons ";". Try restoring the backed up original CSS and then find the "960px" and try replacing again. It should only be that value - not the information before or after. If you had a URL that I could see then I can pinpoint what lines of CSS were accidently changed on your end.
EGS replied on at Permalink Reply
public_html/packages/jb_interactive_black/themes/jb_interactive_black





Eldy



From: concrete5 Community<mailto:[email protected]>
Sent: February 16, 2016 4:45 PM
To: [email protected]<mailto:[email protected]>
Subject: Interactive Black theme display properties. : Support
jb1 replied on at Permalink Reply
jb1
Hi Eldy, that's the file path on your computer - I was referring to a public URL (likehttp://concrete5.org).
EGS replied on at Permalink Reply
jb1 replied on at Permalink Reply
jb1
Ok, I've had a look through your page and can see where the tweaks need to be made. Just copy and paste the CSS code below into your style.css file (within the theme) - overwriting any existing content. As always, make a backup first. Here's a screenshot of how it will look after:http://screencast.com/t/kUIwXgTfR...

And one other change to make, the header graphic (logo) should be wider than 960px if you want it to fill up the entire space. I made it 100% width with a height of "auto" in the above screenshot.

@charset "utf-8";
body { margin:0; padding:0; width:100%; background-color:#000;}
html { padding:0; margin:0; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; font-size:12px; 
/* customize_body */ color: #7d7d7d; /* customize_body */
}
h1,h2,h3,h4,h5,h6{
margin:0;
padding:0;
margin-bottom:6px;
/* customize_headings */ color: #c1c1c1; /* customize_headings */
}
.bodywrap {margin:0 auto;width: 95%;}
.main .formBlockSubmitButton,.main .ccm-input-submit { background:#701f13; font-size:15px; border:1px solid #511b19; color:#351111; padding:5px 15px; border-radius:2px;}
.main .formBlockSubmitButton:hover,.main .ccm-input-submit:hover{ background:#932719; border:1px solid #701f13; color:#451615;}
.iseditmode .right{height:auto !important;}
EGS replied on at Permalink Reply
jb1 replied on at Permalink Reply
jb1
It sounds like you were looking at the right file.
All the files relating to this theme live inside this folder:
public_html/packages/jb_interactive_black/
so the file you want to edit is: public_html/packages/jb_interactive_black/themes/jb_interactive_black/style.css
You can do this on your computer and upload the file to your server via FTP or if you're server runs cPanel, use the built-in File Manager (within cPanel) to edit the style.css file.
EGS replied on at Permalink Reply
jb1 replied on at Permalink Reply
jb1
in cPanel's File Manager, it doesn't really matter. They all do the same thing, but just provide a little bit of extra colour to make the code easier to read.

concrete5 Environment Information

# concrete5 Version
5.6.3.4

# concrete5 Packages
Gallery (1.8.1), Interactive Black (1.2.4), Page Hit Counter (1.1).

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

# concrete5 Cache Settings
Block Cache - On
Overrides Cache - On
Full Page Caching - On - In all cases.
Full Page Cache Lifetime - Only when manually removed or the cache is cleared.

# Server Software
Apache

# Server API
cgi-fcgi

# PHP Version
5.5.29

# PHP Extensions
bcmath, calendar, cgi-fcgi, Core, ctype, curl, date, dom, ereg, exif, filter, ftp, gd, gettext, hash, iconv, imap, ionCube Loader, json, libxml, mbstring, mcrypt, mysql, mysqli, mysqlnd, openssl, pcre, PDO, pdo_mysql, pdo_sqlite, posix, pspell, Reflection, session, SimpleXML, soap, SPL, sqlite3, standard, suhosin, tidy, tokenizer, xml, xmlreader, xmlrpc, xmlwriter, xsl, Zend Guard Loader, 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 - 64M
sql.safe_mode - Off
upload_max_filesize - 64M
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
suhosin.cookie.max_array_depth - 50
suhosin.cookie.max_array_index_length - 64
suhosin.cookie.max_name_length - 80
suhosin.cookie.max_totalname_length - 256
suhosin.cookie.max_value_length - 10000
suhosin.cookie.max_vars - 100
suhosin.executor.include.max_traversal - 5
suhosin.executor.max_depth - 0
suhosin.get.max_array_depth - 50
suhosin.get.max_array_index_length - 80
suhosin.get.max_name_length - 80
suhosin.get.max_totalname_length - 256
suhosin.get.max_value_length - 512
suhosin.get.max_vars - 100
suhosin.log.phpscript.is_safe - Off
suhosin.memory_limit - 128M
suhosin.post.max_array_depth - 50
suhosin.post.max_array_index_length - 80
suhosin.post.max_name_length - 80
suhosin.post.max_totalname_length - 256
suhosin.post.max_value_length - 1000000
suhosin.post.max_vars - 1000
suhosin.request.max_array_depth - 50
suhosin.request.max_array_index_length - 64
suhosin.request.max_totalname_length - 300
suhosin.request.max_value_length - 1000000
suhosin.request.max_varname_length - 80
suhosin.request.max_vars - 1000
suhosin.session.max_id_length - 128
suhosin.upload.max_uploads - 25

Browser User-Agent String

Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; rv:11.0) like Gecko

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.