Personalised wordpress theme styling.

  • charlesferrer

    (@charlesferrer)


    12 years, 11 months ago

    Hi guys,
    Im completely new to wordpress and im kind of lost on a situation using images to style the page, i have created my own theme for word press and have manaaged to style the page how exactly i want it to be, apart from one issue im having trouble to solve, which is the background of the image, since i have used a background image in the body css for the header section i am having trouble trying to figure out a way to write out a css code for a background image with in the content section as you would do using div tags linked to an external style sheet, if anybody has come accross this or have a suggestion that would be greatly appreciated.

    p.s the example below is how my div tags are structured.

    <body>
    <div id=”container”>
    <div id=”header”>
    <div id=”navigation”>
    .
    .
    .
    .
    <div>
    </div>
    <div id=”content”>
    This is where i would add my background image which expands on the y axes when its filled with content.
    </div>
    </body>

Viewing 2 replies - 1 through 2 (of 2 total)
  • clarose098

    (@clarose098)

    12 years, 11 months ago

    the css should look something like this:

    #content {background-image:url(images/footer_background.jpg); background-repeat: repeat-y;}

    You won’t see the image unless there is content there.

    If you are trying to change this for the blog content WordPress uses the class of .entry for blog posts, which would mean you are targeting the wrong thing in your style sheet.

    Thread Starter charlesferrer

    (@charlesferrer)

    12 years, 11 months ago

    Hi clarose098,
    thanks for the help,i did have coding exactly how you have written it and it still didnt work, i used the “starkers theme” which is a naked theme that allows you to stylise your wordpress theme exactly how you want it, the problem im having is that since the header and index are broken into 2 documents i find it hard to come up with a solution as to how i should be writing up the code as the index.php and header.php are two seperate documents, i am aware that there has to be content within the div tag your specifying and this is the situation i cant seem to suss out, as my left content is in the index.php and the right content is in the header.php which makes it difficult to come up with a css code to set a center background that goes behind the left and right content, because as you would do in a standard html document you would write a div tag called “content” or as some people would write “wrapper” which has the left and right content inside of it and then write a css code to have an image which expands with the content.Sorry i have written you a whole essay, i find it hard to explain this problem clearly but thanks for helping once again.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Personalised wordpress theme styling.’ is closed to new replies.