[frobn]

A link to your site would help.

[frobn]

This should change the backgound-color.

.nav-secondary a,
.genesis-nav-menu {
    background-color: #000 !important;
}

[frobn]

The source is showing an inline position:absolute which I can not trace. Try removing the Shiner effect to see if that is causing the problem.

[frobn]

Check this post:

Remove Post Date

[frobn]

Instead of using 3 widgets use one full width widget. For the top row use a text widget with two divisions with class="one-half first" and class="one half", for the second row use a text widget.

[frobn]

The problem is the search in the genesis-nav-menu. On FF the search drops down to a second line at around 1050px and disappears completely at around 1035px. I can think of various fixes using media queries but the easiest fix would be to remove the the search from menu.

[frobn]

You need to capitalize the font names and remove the spaces

//fonts.googleapis.com/css?family=Poiret+One:400|Josefin+Sans:300,600,600italic,700,700italic

[frobn]

The front page image covers completely on my 23" monitor.

I made error in leaving out a step for images on inner pages. Add them to the body css selector followed by the background-image for each page that you want a different image on. Put the code at the bottom of your style.css.

Example

body,
.post-type-archive-listing
{
background-image: url(“http://villahols.com/wp-content/uploads/2012/05/LaGuardiaPark_Villa_Pool_5423w-600?—398.jpg”);
background-color: #00077b;
background-clip: border-box;
background-origin: padding-box;
background-attachment: fixed;
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}

Now change the image for the listing page

.post-type-archive-listing
{  background-image: url("images/your-image-for-this-page.jpg"); }

Use an image optimizer plugin like EWWW

[frobn]

Sorry about that.

This will align menu items in the center:

#menu-top-menu
{text-align:center;}

If you want the top-menu on the far left you can set it there with position:absolute.

[frobn]

Then don't use the header-right widget for your menu.

Select primary or secondary in your menu from Appearance>Menu. I am not sure how that will look.

This will center the menu on a line under the header logo:

.nav-primary ul {clear:both; width:100%; }

[frobn]

You can put your address in a text widget in the header-right widget and above the custom menu.

You will need to fiddle with the css to center the menu on the new line.

Try this in your style.css:

.nav-primary ul {clear:both; width:100%; }

Its difficult to suggest a solution without seeing the problem you had with the footer.

[frobn]

Do want the header to span the entire width of the page? If so you can comment out 'header'
add_theme_support( 'genesis-structural-wraps', array( ... in functions.php

[frobn]

Your image does not cover a larger monitor

Add to your style.css
body {background-size: cover;}

if you want to change images for different pages don't use Customizer. You can add a background images in style.css body and select pages.

Example:

body
{
  background-image: url("images/your-image.jpg");
  background-color: #00077b;
  background-clip: border-box;
  background-origin: padding-box;
  background-attachment: fixed;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
}

To add to your listing page:

.post-type-archive-listing
{  background-image: url("images/your-image.jpg"); }

[frobn]

In your acquisit/tesnt, at max-width 860px the alt sidebar moves to the top, then content, then primary at the bottom.

From 861px to 1023px the alt sidebar drops below the primary leading me to believe you will find your problem in the query: (max-width: 1023px)

[frobn]

There are several plugins that allow php in posts, pages and widgets.

[frobn]

Use column code classes:

<div class="one-half first">
<!-- code for badge 1 -->
</div>

<div class="one-half">
<!-- code for badge 2 -->
</div>

[frobn]

Besides accuracy media queries are simpler to implement. Reversing the floats on the primary and alternate sidebars at the breakpoint you want should accomplish it.

Thanks Brad.

[frobn]

Your source code shows you are using a plugin for the columns. The example you linked to is not for a plugin. You you can create columns directly by editing your page. When you edit the page select the "Text" tab in the top right corner of the editor.

<div class="one-half first">
your text for column 1
</div>

<div class="one-half">
text for column 2
</div>

I am not familiar with the plugin you are using but it likely uses shortcodes which would go in the "Visual" editor.

[frobn]

Use a media query

@media only screen and (min-width: 800px) {
/* css for your larger logo & navigation */
}

[frobn]

You can download free photos at Unsplash. Some of the images on StudioPress themes appear to have come from Unsplash.

For high quality stock photos I recommend Dollar Photo Club. You can purchase a one month membership for $10 and download 10 photos. If you use them remember to cancel your membership after you purchase your photos.

[Author]

Posts