How do I change the side bar size for the "green salad theme"

Permalink
Hi,

Just wondering what I need to change to get the sidebar a little wider, I've tried a few things but I'm not having any luck.

I'm editing this CSS file "concrete/themes/greensalad/main.css" am I in the proper place?

I just switched to the theme because I like the footer, but now my ad's won't display properly.

Thanks in advance for any and all help.

Rob

crob09
View Replies: View Best Answer
anchoredbutterfly replied on at Permalink Reply
anchoredbutterfly
http://www.concrete5.org/documentation/how-tos/editors/customize-a-core-theme/

http://www.concrete5.org/documentation/how-tos/designers/modify-a-p...
Steevb replied on at Permalink Reply
Steevb
Hi,
I think you're in the right place.

Line 29:
#page #central #sidebar {
   float:right;
   width:198px;


Make 'width' wider
crob09 replied on at Permalink Reply
crob09
Hi and thanks for getting back to me so fast, I tried it and really it just distorts things when I change that line, it pushes the content down the page, the lower half still remains the same size with the dialogue but nothing shows for the first 1200px or so.

Any other suggestions?
anchoredbutterfly replied on at Permalink Reply
anchoredbutterfly
Is there a url we can look at?
crob09 replied on at Permalink Reply
crob09
Hi it's "whatisacnc dot com"
irsah replied on at Permalink Reply
irsah
Hi crob09.

I think green_salad has a fixed width around 800px or so. Try to play around with the widths for #page, #page #central #body too.

And also the padding/s so it will equal the total width for your new #page, after expanding your #sidebar widths that is.

Hope it helps...
crob09 replied on at Permalink Reply
crob09
Ok thanks, I'll check it out and get back to you in a few minutes.
crob09 replied on at Permalink Best Answer Reply
crob09
That's the solution, thanks!

I changed the overall page size and then the margin.
crob09 replied on at Permalink Reply
crob09
Next problem is the color, can you help?

here is the website "whatisacnc dot com"
irsah replied on at Permalink Reply
irsah
Hey sorry late reply. I was cut off, bad connection.

For colors it should be the css file marked background:<code> for the colors of page areas and color:<code> for fonts and links. But basically for fonts it's covered via themes > green_salad > customize action.
crob09 replied on at Permalink Reply
crob09
Hi, and thanks for the help.

I'm still struggling with that issue, I'm starting to wonder if the background color is an image. I try to view some of the images but can't see anything, maybe it's just a pixel or something?

Also the only area I see for customizing is here:

#page #header #logo a {
/* customize_header_logo */ color: #fff; /* customize_header_logo */
/* customize_header_logo_text */ font: normal bold 32px Arial; /* customize_header_logo_text */
text-decoration:none;
}

Notice how it's commented out:

/* customize_header_logo */ color: #fff; /*

Is this what I fix?

or is the background color an image?
irsah replied on at Permalink Reply
irsah
The code you mentioned was the links color for the #page #header logo. Changing that can be done in dashboard > themes > your_theme > customize. You do not have to change that comment out because it is used in your dashboard > themes > customize section and also in your content block (aka tinyMCE editor)

Thru greensalad main.css file, it is as you mentioned using a background image. it's located near top at

body{......... background: #fff url(img/........)}

You can delete the url(to_image_code) and stick with the color, change the color code to your preference. It would look like so;

body {........... background:#ccc;}

Example above for background color code for light gray.
crob09 replied on at Permalink Reply
crob09
New issue.

I'm using "Context" to edit the .CSS and I've changed some of the colors using the "Find-all" feature.
The changes won't take hold tho, nothing seems to change.
Do I need to change some of the PHP?