WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Request Help with ZyRed theme adjustments (7 posts)

  1. thailhoriz
    Member
    Posted 6 years ago #

    Hi
    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 :)
    Thanks!

  2. thailhoriz
    Member
    Posted 6 years ago #

    Anyone able to help with this please?

  3. thailhoriz
    Member
    Posted 6 years ago #

    bump

  4. boober
    Member
    Posted 6 years ago #

    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.

  5. thailhoriz
    Member
    Posted 6 years ago #

    http://www.thailandhorizons.com and thanks for the reply, would appreciate any advise or help.

  6. boober
    Member
    Posted 6 years ago #

    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.

  7. thailhoriz
    Member
    Posted 6 years ago #

    Many thanks! I'll give it a try :)

Topic Closed

This topic has been closed to new replies.

About this Topic