Andykev

Holiday Home Te Koru

Is that your sight title? The current appearance is stacked.

HOLIDAY HOME
TE KORU

using the code I gave you it reads on one line:

HOLIDAY HOME TE KORU

and… I was able to change your menu bar from black to red.

So I am confused. Is this what you are asking?

Line 1463 of your css. ADD a width property.

.site-title {
	font-family: 'Oswald', 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size: 36px;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 0;
    min-width: 360px;
}

I set the “min-height: 1050px” in the section around line 2005 of your css and it made the image larger. But there is a problem with your slider… widget. Do you have the proper widget set in the area?

You do have the file in your theme page_portfolio.php? It didn’t get deleted or ??

<?php

// Template Name: Portfolio

// Adds Page Title
add_action( 'genesis_before_content', 'genesis_do_post_title' );

//Adds Page Content
add_action( 'genesis_before_loop', 'epik_do_portfolio_content' );
function epik_do_portfolio_content() {
    echo '<div class="entry-content entry-portfolio" itemprop="text">' . get_post()->post_content . '</div>';
}
		
// Force layout to full-width-content
add_filter( 'genesis_site_layout', '__genesis_return_full_width_content' );

// Adds "portfolio" and "gallery clearfix" classes to every post
add_filter( 'post_class', 'portfolio_post_class' );
function portfolio_post_class( $classes ) {
    $classes[] = 'portfolio';
    $classes[] = 'gallery clearfix';
    return $classes;
}

// Custom Read More link
add_filter( 'excerpt_more', 'portfolio_read_more_link' );
add_filter( 'get_the_content_more_link', 'portfolio_read_more_link' );
add_filter( 'the_content_more_link', 'portfolio_read_more_link' );
	function portfolio_read_more_link() {
		return '<a class="button more-link" href="' . get_permalink() . '" rel="nofollow">Read More</a>';
}

// Remove post info and meta info
remove_action( 'genesis_entry_footer', 'genesis_post_meta' );
remove_action( 'genesis_entry_header', 'genesis_post_info', 12 );

/**
 * Adds Featured Image and links it to the Post
 *
 * This is the default post image which links to the post it represents when clicked.
 *
 * @author Wes Straham
 * @since 1.0.0
 */
add_action( 'genesis_entry_header', 'epik_portfolio_do_post_image' ); 
function epik_portfolio_do_post_image() { 
	$img = genesis_get_image( array( 'format' => 'html', 'size' => 'portfolio-thumbnail', 'attr' => array( 'class' => 'alignnone post-image' ) ) ); printf( '<a href="%s" title="%s">%s</a>', get_permalink(), the_title_attribute('echo=0'), $img ); 
}	

// Move title below post image
remove_action( 'genesis_entry_header', 'genesis_do_post_title' );
add_action( 'genesis_entry_content', 'genesis_do_post_title', 9 );

// Remove default content for this Page Template
remove_action( 'genesis_entry_content', 'genesis_do_post_image', 8 );
remove_action( 'genesis_entry_content', 'genesis_do_post_content' );

// Add Content for the Portfolio posts in this Page Template
add_action( 'genesis_entry_content', 'epik_portfolio_do_post_content' );
function epik_portfolio_do_post_content() {
    
    if ( genesis_get_option( 'epik_portfolio_content' ) == 'excerpts' ) {
        the_excerpt();
    
    } else {
        if ( genesis_get_option( 'epik_portfolio_content_archive_limit' ) )
            the_content_limit( (int)genesis_get_option( 'epik_portfolio_content_archive_limit' ), __( 'Read More', 'epik' ) );
        else
            the_content(__( 'Read More', 'epik' ));
    }
} 

// Outputs clearing div after every 2 posts
add_action( 'genesis_after_entry', 'portfolio_after_post_2' );
function portfolio_after_post_2() {
    
	global $wp_query;
    
    // Assumes 2 posts per row
	$end_row = ( $wp_query->current_post + 1 ) / 2;
        
	if ( ctype_digit( (string) $end_row ) ) {
		echo '<div class="portfolio-clear"></div>';	
	}
}

// Outputs clearing div after every 3 posts
add_action( 'genesis_after_entry', 'portfolio_after_post_3' );
function portfolio_after_post_3() {
    
	global $wp_query;
    
    // Assumes 3 posts per row
	$end_row = ( $wp_query->current_post + 1 ) / 3;
        
	if ( ctype_digit( (string) $end_row ) ) {
		echo '<div class="portfolio-clear-2"></div>';	
	}
}

// Remove standard loop
remove_action( 'genesis_loop', 'genesis_do_loop' );

// Add custom loop
add_action( 'genesis_loop', 'portfolio_loop' );
function portfolio_loop() {
    $paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;
    
    $include = genesis_get_option( 'epik_portfolio_cat' );
    $exclude = genesis_get_option( 'epik_portfolio_cat_exclude' ) ? explode(',', str_replace(' ', '', genesis_get_option( 'epik_portfolio_cat_exclude' ))) : '';
        
    $cf = genesis_get_custom_field( 'query_args' ); // Easter Egg
    $args = array( 'cat' => $include, 'category__not_in' => $exclude, 'showposts' => genesis_get_option( 'epik_portfolio_cat_num' ), 'paged' => $paged);
    $query_args = wp_parse_args($cf, $args);
    
    genesis_custom_loop( $query_args );
}

?> <body <?php body_class('portfolio'); ?>> 

<?php
	
genesis();		

First set up a page and name it Portfolo (will show on menu). No content in it.

The portfolio page pulls images and content from your “blog posts”. Be sure you have posted some, setting a featured image.

On the Genesis – Theme Settings – Portfolio page, you can select your appearance options.

I added your code to the landing page and tried it on my theme…still functions perfectly.

Don’t know what..but I just went to your web via the above link. Your page is perfect.

Blue button at bottom is dead center, and everything is as it should be.

Are you using Chrome browser? I have installed a Cache Killer…because Chrome is terribly aggressive and it really confounds updating/refreshing.

I am using a 27 inch monitor. Pretty big resolution.

I cut and pasted your code to my website and it works perfectly.

Have you cleared your cache? I don’t see any issue.

Line # 1836 of your .css

.entry-categories, .entry-tags {
    display: none;

Do you have a link to your site? Need it to look…..

Admin Panel
Customizer

Front Page Content Settings

Select: HIDE CONTENT SECTION

Since all websites are built differently, and have their code in different places (most code is similar from design to design, BTW)… when you ask a question in this forum, I open your website and click the area you are asking about, find the code, and then make a change. It’s easy. On the Studio Press forum…almost anyone who logs in to ask a question, and here on Appfinite as well, you are asked to “post a link to your site”. That way, it can be viewed and “inspected” to see what is going on, or if someone changed a code, etc. It’s the “tool” to discover what you’ve got.

Firebug is also excellent for this purpose also.

.front-page-2 {
	margin-left: auto;
	margin-right: auto;
	margin-top: -160px;
	position: relative;
	width: 100%;
}

Line 1547 change the width from “1000px” to “100%”

.front-page-1 .flexible-widgets  {
      background: url( http://andykev.com/wp-content/uploads/2017/01/Craig-Beckta.jpg) no-repeat!important;
      background-position: center !important;
      background-size: cover !important;
	  background-repeat: no-repeat;
      height: 100%;
      width: 100%;
  }

THe ABOVE IS CORRRRECT. I made a mistake copying the code. This will work for your site. I have left my URL here for you to see. Replace it with your URL when you upload the proper image to your media library. I simply downloaded your image and cropped it. You may want to play with the image to make it nice. As shown it’s pretty close.

You are asking the theme to change your image responsively, to the Iphone size?

Need to make a new image properly sized and resolution for your “small screen”. This means taking the “head shot” of you, and editing it to fit on the smalll screen and share that space with the text.

You do this by having different images loaded in your media library, and then “trigger” them to replace the full size “desktop” image. That desktop image resizes down to a point..but you get to a size reductin where your image simply won’t fit.

The easy way is to add this to the @media only section.

@media only screen and (max-width: 550px) {

.image-section, .image-section a   {
      background: url(http://YOUR IMAGE URL GOES HERE.png) no-repeat!important;
      background-position: center !important;
      background-size: contain !important;
      height: 100%;
      width: 100%;
  }

Line 1115

.fp2 .enews-widget input[type=”submit”] {
background-color: #34bb5c;
}

This is how you find out what to do with changing colors, etc. in your .css:

USE INSPECT ELEMENT. Open the website (any) and right click your mouse, the window pops up with
an “INSPECT” at the bottom. Click that.
A panel opens up at the bottom…and as you mouse over different parts of your webpage,
you can see the associated code revealed, as well as certain sections being highlighted.
THIS is how you can quickly look and see where to change a background color, etc.

Update: Now the icons WILL NOT work! Changed computers. Worked without issue on my laptop and switching to desktop, the icons are static.

However, as soon as I launch “inspect element” to view code, the icons begin to work. Closing the “inspect element” tool then the icons no longer work.

Maybe an issue with the .js fade up? Not sure.

Here is the code area to change the color of the icon background:

.simple-social-icons ul li a, .simple-social-icons ul li a:hover, .simple-social-icons ul li a:focus {
    background-color: #7343ef !important;
    border-radius: 4px;
    color: #ffffff !important;
    border: 0px #ffffff solid !important;
    font-size: 20px;
    padding: 10px;
}

The blue (as I did in the above, make them “pop out” in the footer. Just a preference I have. You can use any contrast color, like light grey by using a different color in the “background-color” section.

Yes. The old has set colors, the new has a color customizer so you can select any scheme you want. The header/menu is different. There is a “fade up” effect, and the header resizes when you scroll down. It’s a very nice upgrade..totally different .css and .php function codes largely.

Dave,

You can achieve the “look” of the home page by using a separate slider on the “interior” pages of your website, and use “Column Classes” to replaicate the balance of each page.

The “Home Page” has widgets, and inside those are .css to format the columns and text/images.

I use Sollioquy http://soliloquywp.com/ for sliders on my internal pages…and then use either portfolio or column classes to format pages where that look is desired.

You’d have to do a lot of coding to have a whole site of “home pages”. However,
there is a plugin called Widgetize Pages Light which allows you to add a widget to other pages.