Plain Yogurt theme customization, how?

Permalink
Hi,

I'm new to C5 and I'm rather new to PHP, JavaScript, HTML, CSS etc. I want to build a site with C5, a portfolio of graphical work. I'm rather happy with the Plain Yogurt theme, but there are a few things I want to tweak. My question is how, what do I have to do?

This is what I want to tweak in the Plain Yogurt theme:
1. The site name, my name in this case, is displayed on the left upper corner as text. I want to get rid of that.
2. The site is a bit narrow. I want to widen it to full 960px.
3. There are dotted lines that divide certain areas. I don't need them and I want to bring areas closer to each other, especially the sidebar closer to the main content area.
4. There is a main menu with buttons surrounded with a border. I want to get rid of the border and perhaps customize the way these buttons are displayed.
5. I want to customize the copyright notice at the bottom of all pages and I want to get rid of the "concrete5 - open source cms" link.
6. Is there a way to append a footer to all pages at once? I need certain elements to appear on all pages at the bottom, perhaps I can tweak the copyright area? I'm using the Internationalization Add-on and I want the site in 3 languages, so actually it would have to be 3 footers, one for each language.

Can someone guide me and tell me what do I have to tweak, where, in what files. I think I can handle the CSS/HTML coding, but I'm not sure where to start.

All help will be much appreciated.

Thanks,
PR.

 
Steevb replied on at Permalink Reply
Steevb
Hi,

Copy the theme out of concrete5/themes and put into root/themes.

Then play around with 'main.css', read through and you will see page width, I think the dotted lines are images? so delete the the bit that references them.

For footer edits, go to 'elements/footer.php' and remove the bits you don't want.

Give that a go first and see how you get on.

Good luck

Steev.
Aardenon replied on at Permalink Reply
Hi Steev,

Thanks for the tips. I have succeeded in solving steps 1, 2, 3, 5 and 6. I still don't know how to customize the main menu buttons. Can someone help?

Thanks,
PR.
Steevb replied on at Permalink Reply
Steevb
Button border:

Main.CSS, I think it's line 29?

(border:1px solid #bbb;)

Remove it.

All other nav mods can be done within CSS.


Hope that helps

Steev
snagy replied on at Permalink Reply
Hi I am also trying to modify the css file under plain yogurt theme. Could you please explain on what you are asking to copy? Your suggestion of 'copy the theme out of concrete5/themes and put into root/themes....need explanation. I am sorry....I am new to this. Thank you for your help in advance.
snagy replied on at Permalink Reply
I think I figured out what 55webdesign was talking about. I tried changing the .css file but it's not working. This is what I am trying to do -

1. Add the background color to the Nav area (the entire Nav div)
2. Change the padding to just 5px in the main area and the side bar.
3. Add a background image in the main container area. By default it is white, and I want to remove the white so the background image can show up.

Could some one help me do this. Thanks.
Steevb replied on at Permalink Reply
Steevb
I was about to show you how to move the theme!

Have you found the main.css?
snagy replied on at Permalink Reply
I did find it, but could you tell me how to make the changes I had mentioned in my previous post. What line of code I need to change? What is the difference between the main.css and typography.css?