Add Image to page title in Minimum theme

Community Forums › Forums › Design Tips and Tricks › Add Image to page title in Minimum theme

This topic is: not resolved

Tagged: 

This topic contains 7 replies, has 3 voices, and was last updated by  braddalton 2 months, 2 weeks ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 8, 2013 at 12:40 pm #25027

    skstudio
    Participant
    Post count: 6

    Hi, I want to add a small image next to the entry-title for each page.  New to studiopress, so need a bit of guidance.  Thanks in advance!

    March 8, 2013 at 8:01 pm #25122

    braddalton
    Participant
    Post count: 2501

    The same image or a thumbnail of your posts featured image?

    Left or right aligned?

    Paste a link to your site and the image here please

    WordPress Developer & Consultant
    Brad Dalton @ WP Sites – Click Here to Get Genesis Child Theme Tips Delivered.

    March 8, 2013 at 8:41 pm #25129

    2getmein2
    Participant
    Post count: 1

    Hello, I recently purchased a SP template. I have virtually no geek-blood at all and would like to hire a website programer for SP. My goal is make the site more lead-generation oriented. If anyone can help you are welcome to email me at lou@nobsgc.com .

    Thank you in advance.

    Lou

    March 8, 2013 at 10:30 pm #25148

    skstudio
    Participant
    Post count: 6

    Brad, thanks for replying. The site is here The picture will be left aligned next to the entry-title. The tree in the sidebar is the big picture and I’ll be making a smaller size that will be reduced to a small image and uploaded to the media library. The plan is to have this image and the entry-title be on all pages except the home page. An example is here that has images on both sides of the entry-title (another theme).
    Any ideas are welcomed. Thanks!

    March 8, 2013 at 10:38 pm #25149

    skstudio
    Participant
    Post count: 6

    Image is here: picture

    March 8, 2013 at 10:57 pm #25150

    braddalton
    Participant
    Post count: 2501

    Better to use a high qaulity image the same hieght as your h1 entry title with a transparent background.

    Add the full url to your image in the code before pasting it.

    Paste this at the end of your child themes style.css file:

    .entry-title  {
  background-image: url(full url to image goes here);
  background-repeat: no-repeat;
  padding:0 0 4px 50px;
}

    You may need to adjust the padding http://www.w3schools.com/css/css_padding.asp

    WordPress Developer & Consultant
    Brad Dalton @ WP Sites – Click Here to Get Genesis Child Theme Tips Delivered.

    March 9, 2013 at 12:12 am #25159

    skstudio
    Participant
    Post count: 6

    Brad, Thanks so much! I added the CSS you provided and it’s a winner! I will replace my current image with a better one per your suggestion. Click here to see the results. Thanks again for taking the time.

    March 9, 2013 at 1:22 am #25161

    braddalton
    Participant
    Post count: 2501

    Good job!

    WordPress Developer & Consultant
    Brad Dalton @ WP Sites – Click Here to Get Genesis Child Theme Tips Delivered.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.