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 1 year, 10 months ago.

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

    elkiehound
    Participant
    Post count: 51

    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.

     

     

    #19245

    braddalton
    Participant
    Post count: 10681

    Centres the featured image
    [css]
    #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;
    }
    [/css]
    Centres the home middle widgets paragraph text below the image
    [css]
    #home-middle p {
    text-align: center;
    padding: 0 0 15px;
    }
    [/css]
    Centres the title above the image
    [css]
    #home-middle h4 {
    text-align: center;
    margin: 0 0 10px;
    }
    [/css]


    #19246

    elkiehound
    Participant
    Post count: 51

    Thank you.

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

     

    #19247

    braddalton
    Participant
    Post count: 10681

    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.


    #19252

    elkiehound
    Participant
    Post count: 51

    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 ?

     

     

    #19257

    braddalton
    Participant
    Post count: 10681

    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.


    #19263

    elkiehound
    Participant
    Post count: 51

    Awesome.

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

    Thanks for the great support.

     

    #19287

    braddalton
    Participant
    Post count: 10681

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


Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.