ThemeShaper Forums » Thematic


Uncertain how to apply an image element

(5 posts)
  • Started 10 years ago by chrisdot
  • Latest reply from chrisdot
  • This topic is resolved
  1. I've had experience digging into and changing themes. I've not been comfortable starting from scratch (or rather starting a child theme under Thematic) but I've got a layout that I think will be easy to do this with so I'm going to try.

    However I'm uncertain how to apply one element to this. You can see an image of the layout here. The element I'm uncertain of is the fading "cross" that goes vertical and horizontal. The left side will be a sidebar.

    My question is how would you implement this element into the page? I can think of a few ways I *might* do it, but each of them I have to read up on a lot more and play with so I'm not sure which is the best method. If someone can give me an idea then I'll at least have something to start with.

    Posted 10 years ago #
  2. Save the cross on the brown background as a .jpeg
    upload the jpeg to your images folder in your childtheme folder (make one if there isn't already)
    go to your style.css file in your child theme folder

    depending what div your using add something like this:

    #wrapper {
    	margin: 0 auto;
    	background-position: 0 30px;
    	background-image: url(images/YOURFILENAMEHERE.jpg);
    	background-repeat: no-repeat;

    The margin, padding, width and height settings are there for you to play with. The left background-position is the indent, the right is the space from the top.


    Posted 10 years ago #
  3. Awesome, thank you so much lastraw.

    This is the first time I've worked with #wrapper. The codex says: The wrapper div in turn contains the blog title (h1 header) and two other divs named "content" and "menu".

    Putting this background into the #wrapper, would it also apply the background to the sidebar?

    Posted 10 years ago #
  4. yeah it should, give it a try.

    Posted 10 years ago #
  5. like a charm! thanks again

    Posted 10 years ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.