Centering the Large/Highlight Post

  • Resolved southerlygale

    (@southerlygale)


    8 years, 12 months ago

    Hi,
    Can anyone please tell me how to center the Large/Highlight Post in the free Kale theme? The rest of my front page has both images and text centered and I’d like that section to match. I’m a total newby to WordPress and coding so if there’s a way to do it by just adding some specific css in the Additional CSS box of the theme, that’d be really great! Thanks,
    Southerly Gale

Viewing 9 replies - 1 through 9 (of 9 total)
  • jarektheme

    (@jarektheme)

    8 years, 12 months ago

    Hi there,

    Thank you for getting in touch with us.

    Please go to Appearance → Customize → Additional CSS and add the following css:

    .frontpage-large-post .entry-title,
.frontpage-large-post .entry-summary,
.frontpage-large-post .entry-date {
    text-align: center;
}

.frontpage-large-post .entry-meta {
    text-align: center;
    display: block;
}

    Hope that helps. Thank you for your time in this.

    Best regards

    Thread Starter southerlygale

    (@southerlygale)

    8 years, 12 months ago

    Thanks very much! Unfortunately, I can’t see clearly whether this works because now choosing Show for the Large/Highlight Post posts the contents of my static front page as if it is a post! It isn’t listed under posts in my dashboard (only pages) and there is a new test post, which I’ve chosen in the Large/Highlight Post section, but it isn’t showing at all. Any ideas as to what’s going on? Thanks again.

    Theme Author lyrathemes

    (@lyrathemes)

    8 years, 12 months ago

    @southerlygale The best way for us to debug this for you would be to either see the URL of your website or a screenshot of the problem. You can try TinyGrab, Snaggy, LightShot or Jing to capture and share the screenshot.

    Thread Starter southerlygale

    (@southerlygale)

    8 years, 12 months ago

    Hi, thanks very much for your help! The url is https://southerlygale.com and here’s a screenshot of the problem – https://drive.google.com/file/d/0B5XZrBRsTCQqd21xakVHdnhjT2M/view?usp=sharing
    The text at the bottom is a repeat of the whole page and, as you can see, I’ve chosen a post called under construction in the theme settings but it isn’t showing.

    jarektheme

    (@jarektheme)

    8 years, 12 months ago

    Hi there,

    Please go to Appearance → Customize → Front Page → Large /Highlight Post and select one of the post from the dropdown list “Select Large / Highlight Post”. After customizer refreshes the window please select previously selected post.

    If you have only one post and you cannot select the other post as I described above you need to add temporary post and select this post first. Then you can select your original post. Finally you can remove this temporary post.

    Please make sure you have featured image in your post.

    I hope it is clear. Feel free to reach out if you need anything.

    • This reply was modified 8 years, 12 months ago by jarektheme.
    Thread Starter southerlygale

    (@southerlygale)

    8 years, 12 months ago

    Thanks so much! So very nearly there now! I still have a problem with centering the Large/Highlight Post on the page. The title is centered but the text seems to be centered in a column or block instead of the whole page width? I’ve used the CSS you suggested. This is a screenshot of the effect – https://drive.google.com/file/d/0B5XZrBRsTCQqNmpWWUstaFVKY28/view?usp=sharing
    Thanks again for your help!

    Thread Starter southerlygale

    (@southerlygale)

    8 years, 12 months ago

    The featured image is also not centered. Screenshot with featured image –
    https://drive.google.com/file/d/0B5XZrBRsTCQqelktMDRQTVF1elE/view?usp=sharing. Thanks.

    jarektheme

    (@jarektheme)

    8 years, 11 months ago

    Hi again,

    Please go to Appearance → Customize → Additional CSS and add the following css:

    .frontpage-large-post .entry-summary {
    column-count: inherit;
}

.frontpage-large-post .entry-thumb img {
    margin: 0 auto;
}

    Hope that helps.

    Kind regards

    Thread Starter southerlygale

    (@southerlygale)

    8 years, 11 months ago

    Thanks so much – it’s working beautifully now!

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Centering the Large/Highlight Post’ is closed to new replies.