Mike

Thanks Eric. That helped yet will try to learn how to do this without plugins, and post solutions.

Thanks Kronos. Don’t think I explained this well.

I’ve added a grey nav-menu bar via the header wrap. On localhost so can’t show unfortunately.

While keep the grey nav-menu header, I’m trying to either:

a) stil show the background image from .head-bg
OR
b) make a pages featured image display up under the header, like the squareone demo example

All ideas appreciated, thanks!

Thanks Eric. Not so simple it seems. I’ll report back… cheers!

Thanks Eric – definitely need HTML/PHP for that 😉 Found a workaround but will tackle this later. Cheers

Thanks Wez. Added that and changed CSS widths and worked perfectly.

. thks

Thanks Wes. Just uploaded changes with background image. http://www.mikemetcalfe.co . Be great if possible!

Thanks Eric! Legend.

Also for future readers… between using this support post:

https://appfinite.com/topic/slider-on-the-left-sidebar-on-the-right-how/

AND

1) editing home.php to create the new widget areas below

/**
 * Display widget content for "slider" and "welcome" sections.
 *
 */
function epik_home_loop_helper_top() {
			
	genesis_widget_area( 'slider', array(
		'before' => '<div id="slider"><div class="slider-inner">',
		'after' => '</div></div>',
	) );
	
	genesis_widget_area( 'homepage-left', array(
		'before' => '<div id="homepage-left"><div class="homepage-left">',
		'after' => '</div></div>',
	) );
	
	genesis_widget_area( 'homepage-right', array(
		'before' => '<div id="homepage-right"><div class="slider-right">',
		'after' => '</div></div>',
	) );
		
}

AND

2) Creating the new widget areas in functions.php

genesis_register_sidebar( array(
	'id'			=> 'homepage-left',
	'name'			=> __( 'Homepage Left', 'epik' ),
	'description'	=> __( 'This is the homepage left section.', 'epik' ),
) );
genesis_register_sidebar( array(
	'id'			=> 'homepage-right',
	'name'			=> __( 'Homepage Right', 'epik' ),
	'description'	=> __( 'This is the homepage right section.', 'epik' ),
) );

AND

3) Styling the CSS as below to have 2 side by side widgets

.homepage-left {
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0 0 0px !important;
    width: 50%;
    float: left; 
    
}

.homepage-right {
    margin: 0 auto !important;
    overflow: hidden;
    padding: 0 0 0px !important;
    width: 50%; 
    float: right;

}

This worked. So if you want more clickable content instantly on the homepage, this may help.

Hi Dono – Yes, firebug solved it and change these sections.

Earlier I was editing something that changed all template types

The below let me change only the content sidebar or sidebar content setup

.content-sidebar #content, .sidebar-content #content {
    width: 70.2778%;
}

And had to adjust sidebar px widths

.sidebar .widget {
    border-bottom: 0 solid #CCCCCC;
    margin-right: 0;
    overflow: hidden;
    padding-bottom: 1rem;
    width: 290px;
}

}
.sidebar {
    width: 25.5556%;
}

Thks for jumping in Eric. Yes that’s it, but to avoid the chaos of that I’ll rework this another way. Cheers

Hi – if anyone has the same problem, here’s some updates (though not fixed yet)

This might not be the default Epik theme setup, but you can create a Genesis Before Header widget area.

Using: http://wpsites.net/web-design/widget-genesis/

But…

Now when I create my secondary menu, and added it using a Custom Menu to the Genesis Before Header Widget Area, the menu links show up vertically.

Has anyone found the solution for that? Thanks!

Cheers Scooby. On a Laptop also… so strange. We’ll let perfectionism slide on this one. Thanks for helping.

Rockstar, that did the trick and learned something new. Thanks!

Hi all – the easy CSS option (but not ideal) seems to be removing the div and increasing padding between elements (?)

But it anyone knows why they simple social icons push up into the above section, I’m all ears. Strange.

Thks Eric – have researched / experimented repeatedly but can’t crack this one.

The goal… trying to keep woo store in the normal epik page look – see ‘new test'(verse other image).

https://www.dropbox.com/sh/pzjsyab8ng3b1ng/ivBVv6qWHI

It’s automatically doing this for cart and checkout page, but not for shop range or product page.

I created the page, then point woo store to those pages… then the style is overridden.

My only guess is I need to create a template single product or shop pages, (but if that’s the right answer?), not sure what code to insert to create the almost full width white border page – like in new test image.

??

Thks!

Thanks again Eric. Yes, that what I got. It still displays an underline like a link, but without a link address. No worries.

CLOSED

RESOLVED

Hadn’t realised that each feature-widget section has it’s own CSS.

Thks Eric. Learning on the fly… so if I understand, I need to:

– look at class… for example, #content .post .entry-title { (the blog titles)
– then add styling for every element (presumably under the darkblue section)

#content .post .entry-title {
font-size: 24px;
font-size: 1.5rem;
font-weight: 400;
line-height: 28px;

Does anything need to be removed / added, so this overrides the normal settings?

Thks Kronos. On Localhost setup – will have to investigate how to share!

SOLVED – Had the code

.epik-darkblue #header a:hover
color: #BEBEBE;

in the default colour section.

Needed it within the darkblue section.