Cutline Theme Support Forums » Cutline Theme Support Forums

How to add image above Sidebar

(4 posts)
  • Started 4 years ago by pablopabla
  • Latest reply from markenlampen
  • This topic is not resolved

  1. Hello,

    I've installed the Cutline 3-column right theme for my site. This is what I intend to do:-

    i) Remove header image altogether.
    ii) Add 1 image block directly on top of the 2 sidebars.

    For (i), do I just delete the <div id="header_img"> codes from the header.php file to remove the header images?

    For (ii), I need help on coding.

    Thanks.

    Posted 4 years ago #
  2. i. Yes indeed, just delete that code. Do you still want white space above the center column? If that's the case I can help with that. Otherwise just delete it.

    ii. Many ways to do this. Open your sidebar.php files and in between these two lines of code:

    <div id="sidebar">
    <ul class="sidebar_list">

    Stick your <img src="xxx"> code.

    Just make sure your image is the same width of the column (210px i think) or you'll cause some issues.

    If you notice stuff dropping down, your image is probably too wide.

    That's really all there is to it unless you want them to be random images or something.

    You could also use css and modify these objects to have background images that don't repeat and start at the top of the columns:

    #sidebar { width: 210px; padding: 0 0 0 15px; float: right; }
    
    #l_sidebar { width: 210px; padding: 0 0 0 15px; float: left; }

    For working with background images: (very easy, basic CSS) http://www.w3schools.com/css/css_background.asp

    Posted 4 years ago #
  3. Thanks for your excellent tutorial. I've implemented the codes given. I have added an image each to each of the sidebars. Is it possible to only have 1 large image above the 2 sidebars? Meaning the image would have a width of approximately 420 or 450 px?

    Posted 4 years ago #
  4. Thanks, this worked very well for us too. Was looking for a solution like this already since a while.

    Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.