Custom Featured Pages area of Customizr

  • Site (dev) : https://nds.allpositiveconsulting.com

    I am trying to tweak the appearance of the featured pages on that site, but I’m not managing to get what I want (and I’m out of ideas in the CSS).

    This is the CSS I have:

    .fp-one img, .fp-two img, .fp-three img{
	height:100px !important;
}
.fp-one .widget-front,
.fp-two .widget-front,
.fp-three .widget-front,
.fp-one .widget-front .thumb-wrapper,
.fp-two .widget-front .thumb-wrapper,
.fp-three .widget-front .thumb-wrapper,
.fp-one .thumb-wrapper,
.fp-two .thumb-wrapper,
.fp-three .thumb-wrapper,
.fp-one .widget-front .thumb-wrapper .round-div,
.fp-two .widget-front .thumb-wrapper .round-div,
.fp-three .widget-front .thumb-wrapper .round-div {

	height:200px !important;

}

    I am trying to do the following:

    1. Height of the icon: 100px
    2. Square instead of round icon
    3. Width of each icon taking up full width while retaining aspect ratio
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter chefjoef

    (@chefjoef)

    I need to modify my original request:
    I was able to make the area the size I want with the following in css:

    .fp-one .round-div, .fp-two .round-div, .fp-three .round-div{
	border-radius: inherit !important;
	border:inherit !important;
}
.thumb-wrapper{
	height:100px;
}

    But… the theme is using the square resize of the image. For the way I’m setting up my page, I want Customizr to use the wide format picture. In a perfect world, I would need to make the featured image of those pages fit a specific aspect ratio (I’m not sure what Customizr would want), then the theme would dynamically size it to fit within the space I give it.

    Any thoughts/suggestions?

    Thread Starter chefjoef

    (@chefjoef)

    I should probably note that the images being used for the most recent posts in the rest of the body are using a resize, too, so the quality is less than what I want. How do I tell WP/Customizr to use the wide pictures instead of the squares everywhere it uses a thumb for a post/page/etc.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Custom Featured Pages area of Customizr’ is closed to new replies.