• Resolved Ally Drez

    (@relp01)


    Hello,

    I just installed this theme, and I changed the showcase image but it is not centered. I have spent an hour trying to find where the html code resides so I could put a basic <center> image </center> with no prevail. I just want to center the image, if you can direct me into the right direction I would greatly appreciate it.

Viewing 9 replies - 1 through 9 (of 9 total)
  • I will have to look into this, but in the mean time, wrap the image in a div container and add some inline styling like this:

    <div style="text-align: center;">your image here</div>

    Thread Starter Ally Drez

    (@relp01)

    Thank you for responding!

    On what page in the editor section do I put this in? That has been my main issue, not knowing where to do the actual coding.

    If you are using a text widget to load an image in the Showcase header position, then you would wrap your image with the code I shown previously. Or are you doing something different to show an image?

    For the next update of this theme though, I will need to make a small change so that images will always be centered there; something I missed obviously.

    Actually, another method which might be better is to add an extra style to your theme’s style.css file:

    #showcase {
    text-align: center;
    }

    Better to do this modification with a child theme so you don’t lose the custom style with theme updates; or if using the Jetpack plugin, you can use the css editor for that instead, otherwise this change could go in the theme’s style.css but make note on theme updates you will need to add that code again.

    **the theme has a folder child-theme which has an installable child theme available.

    Thread Starter Ally Drez

    (@relp01)

    Well, missing this little thing is just that “little”. I am in awe of your coding skills.

    Within WordPress, I went into “customize” under appearance and I tried finding a place within “Header” under appearance, and I searched all the pages within the Editor option. I just could not find the actual code that has the image so I could center it.

    However, I am up for using the Text Widget. Is that a plugin?

    Thread Starter Ally Drez

    (@relp01)

    /* 07 Showcase Header and Banners
    ————————————————————– */
    #showcase-wrapper,
    #banner-wrapper,
    #wpheader-wrapper {
    background: #bf7b7b url(‘images/scanlines2.png’) 0 0 repeat;
    border-bottom: 8px solid #d9dee1;
    }
    #showcase {
    max-width:1170px;
    margin: 1% auto;
    padding:1% 5%;
    background-color: #934e49;
    text-align: center;
    }
    #banner {
    max-width:1920px;
    margin:0 auto;
    }
    #wpheader {
    max-width: 1170px;
    margin: 1% auto;
    padding: 0 2%;
    background-color: #934e49;
    }

    Thread Starter Ally Drez

    (@relp01)

    YAY, that works by the way. Putting
    #showcase {
    text-align: center;
    }

    THANK YOU

    Glad that worked…cheers! I’m guessing everything is ok (resolved) then?

    Thread Starter Ally Drez

    (@relp01)

    Yes’um. ?? I have now just been spending my day getting acquainted with the theme, and setting up my site. Thank you

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Showcase Image’ is closed to new replies.