Dark Chocolate Theme Resize page/main block area

Permalink
Hello. I am using a dark chocolate theme for my page. I am trying to resize the main block area ore better to say I am trying to increase page with.
On one of the answers he I founded that the dark chocolate main area is 800 pixels.
I am actually went to the root folder. concrete - themes - Dark_chocolate - Main.CSS. And changed the page width to 1000. But it seems not working :( I tried with different themes the same method and it works.
Is it even possible to change the page width in dark chocolate theme? If yes what am I doing wrong?
I am very new to all this and not familiar to the codes. So if you please can explain things step by step.

Thank you

View Replies: View Best Answer
Steevb replied on at Permalink Reply
Steevb
Hi,

You did put in as: 1000px
goluol replied on at Permalink Reply
yes I did put 1000 px. Actually I need maybe even 1100 px
Steevb replied on at Permalink Reply
Steevb
1000px

No space?

1000 px
goluol replied on at Permalink Reply
what do you mean by no space ? Are you asking me is it not enough space for me ore? I can't really get you.
I am just trying to redesign it a bit cause I think for my purposes the main black looks too narrow and the sides of the page ( I am using full width ) way too wide.
goluol replied on at Permalink Reply
oh sorry got you. no no space
goluol replied on at Permalink Reply
Oh and one more stupid thing I just have done. I clicked on remove button on my Themes and Pages directory in dashboard. and removed the default ( dark chocolate ) theme. What would I do to get it back?
Thank you
Steevb replied on at Permalink Reply
Steevb
Hi,

First thing is you were altering the wrong CSS file.

Next thing is if you lost the theme completely, download another one.
goluol replied on at Permalink Reply
Thanks for the reply. I am searching the dark chocolate theme to download again and it's no result :(
Maybe you have a link to it? Would be great!
Thank you
goluol replied on at Permalink Reply
Hello once again. thank you very much for the reply.
I just got the theme back :)
So you were saying that I changed wrong CSS . Can you tell me which would be the rigth one? And where I can found it?

Thank you
SpencerC replied on at Permalink Reply
SpencerC
First copy your theme's folder from:
YOURSITE/packages/theme_myexample/themes/myexample

...to here:

YOURSITE/themes/myexample

(thanks Jordan Lev)

Then edit the file main.css, line 14 to 1000px (no spaces). I wouldn't go much beyond 1000 (for laptops).

Clear your cache if you don't see the changes right away. This is done in the Dashboard under Sitewide Settings.

Hope this helps
Steevb replied on at Permalink Best Answer Reply
Steevb
Hi,

Which version of concrete are you using?

If you updated to 5.4.2, will you need to change:

/updates/concrete5.4.2/concrete/themes/dark_chocolate/main.css
goluol replied on at Permalink Reply
Thank you so so much! That's really works now! :) It feels like a little victory over this massive smart programming world! :)))
I needed to change the main CSS in 2 directories.


Just another question is it possible to integrate to this particular theme one more level of a main body ore block. Lets say the main background body and than a constant window inside it with another background?
Ore for this particular need is better to use some other theme where this function is already integrated?


Once again Thank you very much! :)
Steevb replied on at Permalink Reply
Steevb
HI,

Glad it's OK now, but you only needed to change the one right CSS file.


Next question - Yes

Add HTML to a HTML block or modify Default template and modify CSS to your needs.

For example HTML:
<div class="window">This is my new window</div>


For CSS:
.window{background-color: #FFF; color:#FF0;width:200px;margin:10px;padding:10px;}