Support » Theme: Customizr » Resize Featured Page Image

  • Resolved weifu

    (@weifu)


    I want to change the homepage 3 featured pages images to 220×340.

    I’ve already done the following modification and regenrated thumbnail and still fail to achieve this goal.

    I am using a child theme. Below is my current code:

    class-content-featured_pages.php
    line 112 $tc_thumb = '<img data-src="holder.js/220x340" alt="Holder Thumbnail">';

    style.css

    .thumb-wrapper {
    	display: block;
    	margin-left:auto;
    	margin-right:auto;
        position: relative;
        text-align: center;
        height: 340px;
    	max-width: 100%;
    	overflow: hidden;
        width: 220px;
    	} 
    
    .tc-thumbnail.span4 {
    	width: 220px;
    	height: 340px;
    }
    
    .round-div {
    	border: 0px solid #FAFAFA;
        left: 0px;
        top: 0px;
    	width: 220px;
    	height: 340px;
    }

    Everything is on localhost at the moment so I don’t have a URL to show you.

    My objective is to create a static page with 3 clickable images with width 220px height 340px.

    Please help. I’m sure I’m missing something. I’m an amateur so sorry if my question sounded beginner.

Viewing 1 replies (of 1 total)
  • 5 seconds after posting I found the solution…

    I missed one code:

    Here’s what I’ve done:

    Copy & paste inc/class-fire-init.php to my child theme,
    find
    add_image_size( 'tc-thumb' , $width = 270, $height = 250, $crop = true );
    (line 58)

    change the code to
    add_image_size( ‘tc-thumb’ , $width = 220, $height = 340, $crop = false );
    and use Regenerate Thumbnail plugin
    and I achieved my objective.

Viewing 1 replies (of 1 total)
  • The topic ‘Resize Featured Page Image’ is closed to new replies.