Support » Themes and Templates » Request Help with ZyRed theme adjustments

  • Resolved thailhoriz


    As a newbie would like to ask for some detailed help please 🙂
    I am using v.2.5 with the ZyRed theme. I know very little about css but would like to make some changes:
    1. I’d like the theme to be a full width page, currently its about 70% (not sure) but I can’t see anything obvious in style.css to change it.
    2. I want to remove the header as it is, and replace it with a full width graphic. I’ve seen an answer on the forum to this but it was not clear to me which file (style.css or ??) to alter and which part. If anyone can give me clear instructions I would be grateful 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • Anyone able to help with this please?


    that’s not just a quick answer post. You’re looking to make a lot of changes. It may seem simple to you, if you don’t understand how layouts work, but a change of width can effect many parts, messing up graphics that are layout dependant, etc.

    Plus, you didn’t even give us a link to your site. and thanks for the reply, would appreciate any advise or help.

    1. in your stylesheet find

    #wrap {
    	clear: both;
    	padding: 0;
    	margin: 10px auto;
    	font-size: 0.9em;
    	max-width: 90%;
    	min-width: 910px;

    change max-width: 90%; to max-width: 100%;

    2. the header is gonna be a little complicated because that red part and the whitish colored navigation part are both part of the same graphic. so when you change it, youll be removing both area’s background images. its fine to do that, you just need to take it into consideration when creating your new image.
    anyways, that background image is called here, in your stylesheet;

    #container {
    	margin: 0;
    	padding: 0;
    	width: 100%;
    	color: #303030;
    	background: url(images/bodybg.png) #F0F0F0 repeat-x;
    	text-align: left;
    	min-width: 770px;

    specifically, this section
    background: url(images/bodybg.png) #F0F0F0 repeat-x;
    first part is the image url, then the background color and repeat-x tells it to repeat the image horizontally.

    Many thanks! I’ll give it a try 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Request Help with ZyRed theme adjustments’ is closed to new replies.