Resize Featured Page Image

  • Resolved weifu

    (@weifu)


    10 years, 8 months ago

    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)
  • Thread Starter weifu

    (@weifu)

    10 years, 8 months ago

    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.

Tags