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 2 years, 5 months ago.

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

    elkiehound
    Participant

    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

    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;
    }
    

    #19246

    elkiehound
    Participant

    Thank you.

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

     

    #19247

    braddalton
    Participant

    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

    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

    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

    Awesome.

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

    Thanks for the great support.

     

    #19287

    braddalton
    Participant

    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.