Equable featured pages

  • shth

    (@shth-1)


    11 years, 1 month ago

    Hi, I’m wonder if it is a simple way to change the space in the featured pages? It’s easy to fix if I have a lot of textinfo but in the first page on my site, there is less text. I want the pages to look equal, It’s a better first impression. See it yourself, http://www.shth.se

    Thanks!
    Mathilda

Viewing 1 replies (of 1 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    11 years, 1 month ago

    Hi Mathilda, give the following CSS a try. It uses a media query for screens/windows 1020px and wider as just below that those three go to a single column layout. If you wish, you can do the same to the center one using this fix as a guide.

    @media screen and (min-width: 1020px) {
	.featured-page .post-552 .entry-summary p:first-child {
		margin-bottom: 144px;
	}
}

    You can find the CSS class post number by viewing the source code for your main page and looking for the featured page section. Then you would add the above with the different number and edit the bottom margin value to get the right alignment.

    If you have not yet done so, I would suggest creating a child theme so that any customizations you make will not be overwritten by a future theme update. Alternately you can use the Edit CSS function in the Jetpack plugin, or use one of the other Custom CSS plugins that will keep CSS changes from being overwritten.

    Child Themes
    Child Theme creation plugins
    Jetpack plugin
    Custom CSS plugins

Viewing 1 replies (of 1 total)

The topic ‘Equable featured pages’ is closed to new replies.