Center Thumbnail in Widget | Make Image Non Clickable

Community Forums › Forums › General Discussion › Center Thumbnail in Widget | Make Image Non Clickable

This topic is: not resolved

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

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 9, 2013 at 11:10 am #19236

    elkiehound
    Participant
    Post count: 8

    1.  I am using the thumbnail selection for the featured image.  How do I center the images in the featured widgets ?

    2. How do I make a featured image not clickable ?

    http://hea.smartwithtech.com

    Would be helpful if we could put an image of our screen in the ticket.

     

     

    February 9, 2013 at 11:41 am #19245

    braddalton
    Participant
    Post count: 2455

    Centres the featured image

    #home-middle .featuredpage img, #home-middle .featuredpost img {
    border: 5px solid #CCCCCC;
    text-align: center;
    margin: 0 0 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    Centres the home middle widgets paragraph text below the image

    #home-middle p {
    text-align: center;
    padding: 0 0 15px;
}

    Centres the title above the image

    #home-middle h4 {
    text-align: center;
    margin: 0 0 10px;
}

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

    February 9, 2013 at 11:53 am #19246

    elkiehound
    Participant
    Post count: 8

    Thank you.

    I was also asking how to make it so the featured images are not clickable ?

     

    February 9, 2013 at 11:56 am #19247

    braddalton
    Participant
    Post count: 2455

    We use a Firefox addon named Firebug which enables us to inspect the different HTML elements and CSS rules in your sites code so we only need a link to your site.

    A screenshot wouldn’t enable us to do this.

    Make featured images non clickable ? Could you post another thread for this please.

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

    February 9, 2013 at 12:16 pm #19252

    elkiehound
    Participant
    Post count: 8

    Thank you.

    For CSS management, do we just modify the existing css file or is there a way to create another file so updates are not overwritten ?

    Do you have any recommendations for tools to change the code, or do you just do it in WordPress editor ?

     

     

    February 9, 2013 at 12:32 pm #19257

    braddalton
    Participant
    Post count: 2455

    Add the css code to the end of your child themes style.css file. When the Genesis parent theme framework is updated, your custom coding won’t be over written.

    I use Notepad++ as my text editor for Windows. Mac uses other editors.

    Backup your themes file first.

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

    February 9, 2013 at 12:56 pm #19263

    elkiehound
    Participant
    Post count: 8

    Awesome.

    How about if the child theme is updated, do they overwrite the css mods ?

    Thanks for the great support.

     

    February 9, 2013 at 2:53 pm #19287

    braddalton
    Participant
    Post count: 2455

    Child theme doesn’t get updated but you should backup all your files and database

    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.