Forum Replies Created

Viewing 15 replies - 1 through 15 (of 47 total)
  • Great! Glad it all worked.

    Please mark this as resolved. Thanks!

    If you want the images on the single pages to expand 100% of the container width:

    Edit: style.css

    Find:

    img,
    .alignright,
    .alignleft,
    .aligncenter,
    .alignnone,
    .size-auto,
    .size-full,
    .size-large,
    .size-medium,
    .size-thumbnail {
      max-width: 100%;
      height: auto;
    }

    And below it add:

    img.aligncenter {
      width: 100%;
    }

    So any img tag with .aligncenter will expand to 100% of its container now.

    Glad it all worked out!

    Please mark this post as resolved. Thanks!

    That’s strange. I’ve tested it on my end and it displaying full content and youtube embed videos/images. Have you made any modifications to the the theme?

    Don’t know why I wasn’t making this more simple. Crossing over between themes.

    To make this edit remove all the // comments we added to content.php, content-page.php, and content-archive.php. This brings us back to how it all was original set.

    Now go to your functions.php and find:

    if ( ! function_exists( 'ct_founder_featured_image' ) ) {
    	function ct_founder_featured_image() {
    
    		global $post;
    		$featured_image = '';
    
    		if ( has_post_thumbnail( $post->ID ) ) {
    
    			if ( is_singular() ) {
    				$featured_image = '<div class="featured-image">' . get_the_post_thumbnail( $post->ID, 'full' ) . '</div>';
    
    			} else {
    				$featured_image = '<div class="featured-image"><a href="' . esc_url( get_permalink() ) . '">' . get_the_title() . get_the_post_thumbnail( $post->ID, 'full' ) . '</a></div>';
    			}
    		}
    
    		$featured_image = apply_filters( 'ct_founder_featured_image', $featured_image );
    
    		if ( $featured_image ) {
    			echo $featured_image;
    		}
    	}
    }

    Here you will see:

    if ( is_singular() ) {
      $featured_image = '<div class="featured-image">' . get_the_post_thumbnail( $post->ID, 'full' ) . '</div>';
    
    }

    All we want to do is comment out:

    $featured_image = '<div class="featured-image">' . get_the_post_thumbnail( $post->ID, 'full' ) . '</div>';

    and change it to:

    //$featured_image = '<div class="featured-image">' . get_the_post_thumbnail( $post->ID, 'full' ) . '</div>';

    This should only disable the image for the featured-image on single posts.

    Do you have a link to your website?

    To clarify, do you just want to hide the featured image from the full single page posts? (example: when a user clicks on a posts and you are brought to the full post)

    If that is what you are looking for and still want the featured image to show in all other areas:

    Edit content.php and content-page.php:

    <?php //ct_founder_featured_image(); ?>

    and set content-archive.php to:

    <?php ct_founder_featured_image(); ?>

    If you would like to remove it from all post areas:

    edit: content.php, content-page.php, content-archive.php:

    Find:

    <?php ct_founder_featured_image(); ?>

    Change to:

    <?php //ct_founder_featured_image(); ?>

    What we are doing with // is commenting out the php function which is grabbing the featured image.

    Hi bestofbiggreen!

    Not exactly sure how you have setup your ‘BlogSixteen’ pages; however, you should be able to show the full post by changing:

    Edit the content.php file (template-parts/content.php) and find:

    the_excerpt

    And change to:

    the_content

    Using ‘the_content’ will display the full text from your post while ‘the_excerpt’ shows the first X amount of characters.

    Hi cookingwithlei,

    Do you have a live link to your website? Themes implement the ‘featured image’ functionality using various methods.

    Hi YOWLOWAND!

    I took a quick look at your HTML and CSS. You should be able to easily center this wide image by removing the left float for the site-brand container.

    To do this go to your stylesheet and edit:

    .site-branding {
        float: left;
    }

    Change to:

    .site-branding {
        /* float: left; */
    }

    All we have done is commented out the float: left;

    Hi gina.ekirk,

    This can be done using CSS; however, it would only hide the header image element. If you were to disable your stylesheet, the header container would still exist. If you wanted to do this through CSS:

    Go to your stylesheet and add:

    .page-id-1230 #header {
      display: none;
    }

    This will ‘hide’ the #header from http://isshereally.com/learn-to-lunch/

    If you want completely hide the header container, for a specific page, then you could do this:

    Edit the fullwidth/header template and surround the #header in a simple if statement:

    Example:

    <?php if ( !is_page( 'learn-to-lunch' ) ) : ?>
    <header id="header">
    ...
    </header>
    <?php endif; ?>

    This says: if the current page is not learn-to-lunch then display the header.

    Hi foxtrio,

    It looks like you are having overflow issues. I’m guessing ‘Optimizer’ did not make certain elements responsive. Try adding to your stylesheet:

    body {
      overflow-x: hidden;
    }

    Hi Adam_Murphy!

    Looking at the source code, we can see ‘display:none;’ is being applied to all
    uls that exist inside the div#menuhead.

    From a quick look at file: themes/academica/js/menu.js, you’ll see the line:

    $( "#menuhead ul" ).css( { display : "none" } ); // Opera Fix

    What we want to do is only apply this ‘fix’ to the children ul of ‘#menuhead ul’. So change the above line to:

    $( "#menuhead ul ul" ).css( { display : "none" } ); // Opera Fix

    Hi sssztq!

    A quick look at your html shows your container class has a background of #fff (white). This is hiding your inner_banner class background.

    Removing this background color (or setting it to transparent) will reveal the background image.

Viewing 15 replies - 1 through 15 (of 47 total)