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.
Thanks in advance.
Type: | Pre-Sale |
---|---|
Status: | In Progress |
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;} "
: " div.header { width:960px; padding:0; margin:0
auto;position:relative;} "
Yes, pretty much anything that says 960px. And you should be good. Just make a backup of the css file to be safe.
So that effort screwed my home screen up!
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.
public_html/packages/jb_interactive_black/themes/jb_interactive_black
Eldy
From: concrete5 Community<mailto:discussions@concretecms.com>
Sent: February 16, 2016 4:45 PM
To: egsconstruction@msn.com<mailto:egsconstruction@msn.com>
Subject: Interactive Black theme display properties. : Support
Eldy
From: concrete5 Community<mailto:discussions@concretecms.com>
Sent: February 16, 2016 4:45 PM
To: egsconstruction@msn.com<mailto:egsconstruction@msn.com>
Subject: Interactive Black theme display properties. : Support
Hi Eldy, that's the file path on your computer - I was referring to a public URL (likehttp://concrete5.org).
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.
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;}
Viewing 15 lines of 130 lines. View entire code block.
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.
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.
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.
Once you've done that it will apply the change across your site straight away.
Hope this helps.
JB