[Mahesh]

@friarpaul: Add the following CSS:

@media screen and (max-width: 990px) {
    .infinite-scroll #infinite-handle {
        margin-bottom: 20px;
    }
}

Regards,
Mahesh

[Mahesh]

@friarpaul: Glad to know that you found the solution. Have a nice day!

Regards,
Mahesh

[Mahesh]

@pex81: For this you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in your child theme’s functions.php add the following codes:

function rock_star_archive_content_image() {
		$options            = rock_star_get_theme_options();
		$content_layout     = $options['content_layout'];
		$archive_top_layout = $options['archive_top_layout'];

		if ( has_post_thumbnail() && 'full-content' != $content_layout ) { ?>
			<figure class="featured-image">
	            <a rel="bookmark" href="<?php the_permalink(); ?>">
	            <?php
	            		if ( 'excerpt-image-left' == $content_layout || 'excerpt-image-right' == $content_layout ) {
		                    the_post_thumbnail( 'rock-star-landscape' );
		                }
		                elseif ( 'excerpt-image-top' == $content_layout ) {
		                    if ( 'one-column' == $archive_top_layout ) {
		                    	the_post_thumbnail( 'full' );
		                    }
		                    else {
		                    	the_post_thumbnail( 'full' );
		                    }
		                }
					?>
				</a>
	        </figure>
	   	<?php
		}
	}

Regards,
Mahesh

[Mahesh]

@friarpaul: Add the following CSS:

@media screen and (max-width: 767px) {
    promotion-message .section.right {
        padding-top: 0;
    }
}

Regards,
Mahesh

[Mahesh]

@3punkt5: Good to know that. Have a nice day!

Regards,
Mahesh

[Mahesh]

@friarpaul: Please add the following CSS:

@media screen and (max-width: 767px) {
    #promotion-message .section.left,
    #promotion-message .section.right {
        max-width: 100%;
    }
}
  
#promotion-message .section.right {
    padding-top: 20px;
}

Regards,
Mahesh

[Mahesh]

@contentchampion: Please hire a customizer for this.

Regards,
Mahesh

[Mahesh]

@eddron: I hope I was able to resolve your issue. If it’s not too much trouble, I have a quick request: could you please leave an honest review?
https://wordpress.org/support/theme/fotografie/reviews/#new-post
Your review will help others know what to expect when they’re looking for the support I offer. Even a sentence or two would be hugely appreciated.
Thanks, and if there’s anything else at all that I can do to help, don’t hesitate to let me know.

Regards,
Mahesh

[Mahesh]

@eddron: Go to Dashboard=> Appearance=> Customize=> Additional CSS box and add the following CSS:

.page #main .entry-header {
    display: none;
}

Regards,
Mahesh

[Mahesh]

@eddron: Please add in your site url.

Regards,
Mahesh

[Mahesh]

@friarpaul: Please add the following CSS:

#promotion-message .wrapper {
	padding-top: 0px;
	padding-bottom: 0px;
}

#promotion-message .right {
    float: right;
    max-width: 20%;
    text-align: center;
}

#promotion-message .left {
    max-width: 80%;
    float: left;
    width: auto;
}

Regards,
Mahesh

[Mahesh]

@banno2000: The problem you are facing is featured image size is 16:9 and post thumbnail is 4:3. To overcome this issue you’ll need to create a child theme. You can find more details on creating child theme HERE. Then in you child theme’s functions.php add the following code:

function helena_archive_content_image() {
    $featured_image = apply_filters( 'helena_get_option', 'content_layout' );

    if ( has_post_thumbnail() && 'full-content' != $featured_image ) { ?>
        <a class="post-thumbnail" aria-hidden="true" href="<?php echo esc_url( get_permalink() ); ?>">
            <?php
                the_post_thumbnail( 'full', array( 'alt' => get_the_title() ) );
            ?>
        </a>
    <?php
    }
}

Regards,
Mahesh

[Mahesh]

@pex81: Please post in your site url.

Regards,
Mahesh

[Mahesh]

@tcairus: Which theme are you using? Please let us know the theme you are using and its version.

Regards,
Mahesh

[Mahesh]

@whysee: Please post in your site url.

Regards,
Mahesh

[Mahesh]

@3punkt5: Could you please clarify more. I don’t understand what your problem is.

Regards
Mahesh

[Mahesh]

@banno2000: Sorry for the late reply. You don’t need to upload it twice. You can crop image to 1170×658 and upload it. Theme will automatically generate another image size by cropping the same image. Have you tried that? If not, please try and let me know if any issue.

Regards,
Mahesh

[Mahesh]

@friarpaul: Please use the following CSS instead for second issue:

.catchadaptive-masonry #infinite-handle {
    bottom: 15px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
}

.catchadaptive-masonry #main {
    position: relative;
}

#infinite-handle {
    text-align: center;
    position: unset;
}

Regards,
Mahesh

[Mahesh]

@friarpaul: Add the following CSS:

#masthead {
    padding-bottom: 0;
    padding-top: 44px;
}

#masthead .wrapper {
    width: 100%;
}
  
@media screen and (min-width: 991px) {
    #masthead .wrapper {
        height: 214px;
    }
}

Pagination navigation option

.catchadaptive-masonry #infinite-handle {
    bottom: 15px;
    position: absolute;
    text-align: center;
    top: auto;
    width: 100%;
}

#infinite-handle {
    text-align: center;
}

Regards,
Mahesh

[Mahesh]

@bjbarker: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts