[CleanPageDom]

Hi there

Depending on how much (if any) customisation you'd done to your current theme, yes - if you switched to a responsive theme, these problems should all be taken care of. You might need to recreate menus and do some other housekeeping, though.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

OK, cool . Glad it worked. Nice image, BTW.

To target the white background, you're looking at .site-inner:. You've got a number of decisions to make.

So, you could go:

body.page-id-6045 .site-inner { 
background: transparent;
}

And then make the body text color white (body.page-id-6045 { color: #fff; })

But then you can't really read the text over the background image.

Another solution would be to add opacity to a white background:

body.page-id-6045 .site-inner {
background: rgba(255, 255, 255, 0.7);
}

NB: "255, 255, 255" is the RGB settings for white (you can use Devoth's Hex to RGB converter to find any RGB color value). The 0.7 is the opacity - 0 is transparent, 1 is full color.

If you opt for a background color of some sort, I'd be tempted to add some top padding and a small border radius to the .site-inner:

body.page-id-6045 .site-inner {
background: rgba(255, 255, 255, 0.7);
border-radius: 3px;
padding-top: 40px;
padding-top: 4rem;
}

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi there

When I do inspect element on your mobile version, the following code seems to be causing the problem:

@media only screen and (max-width: 1023px)
.archive-description, .author-box, .entry, .entry-comments, .entry-footer .entry-meta, .sidebar .widget, #respond {
padding: 10px;
}

If you remove that padding in inspect element, then the top blog post slides back into place.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi there

If it's just blog posts, I think you need to get more specific in your CSS.

Something like:

body.single.single-post .entry {
background-color: red;
}

Without seeing your site, I can't be sure this would work.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi there

That theme's not listed as mobile responsive, so even if you declare the mobile viewport in the header, the theme itself isn't set up to respond (ie it will have fixed-width sections, declared in pixels rather than % or em widths).

You could switch the theme, or you could have that theme made mobile responsive.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi there

You can certainly put a full-screen background behind a landing page. Are you OK with editing the CSS of your site?

If so, you'll need to prepare the full-screen image (this link has a lot of good information about selecting the image size - I tend to go with 1920 x 1080, so long as you can get it small enough in file size).

Upload the image to either your theme's Images folder, or to the Media Library, then, in your style.css file, you'll need to specify the page and add the image as a background, like this:

body.page-id-X {
background: url(images/filepath.jpg OR http://www.siteaddress.com/wp-content/etc etc) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

See this CSS Tricks article for more about the background-size etc properties.

You can find the page-id by viewing the source of the page and doing a Find for "page-id". Or you could add a specific body class in the Genesis options on the page editor, in which case you would add body.mybodyclass { /*CSS*/ }

Hope that makes sense.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi there

Each color option has its own set of CSS rules. You'll need to look through the CSS for something like .parallax-pro-blue: (can't remember off the top of my head - but there's a whole section in the CSS for color options).

Even if you edit what you think is the color for, say, genesis-nav-menu a, if you switch colour of the theme it will override your edits, as the color options come further down the stylesheet.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi there

I don't know if you're familiar with editing the CSS, but you can change the fonts through here.

Log in, go to Appearance > Editor. This will bring up the style.css file. Look for:

body {
  background-color: #222;
  color: #333;
  font-family: 'Lato', sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;

Change font-family: 'Lato', sans-serif; to whatever you want it to be (so, for example font-family: helvetica;). If you want to add another Google font (like Lato), you'll need to enqueue it in functions.php, but that's a whole different question.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi

I've had this happen when I've not closed out a </div> somewhere. Have you added any HTML in a widget or something?

Dom

---

Let’s build a website together…

[CleanPageDom]

Hey there

Do you have Jetpack activated in Plugins? That looks like the Jetpack mobile version to me.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

I'd second Mary's answer. I've been developing using Genesis for about two years and have gradually weened myself from "Oh, there must be a plugin for that", to "I'll just go and find something to copy into functions.php", to "Now, if I just change this add_action to this, then that should do what I want it to do".

By no means a true php coder, but a lot more confident to hunt out code and adapt to my needs. There is a wealth of stuff out there for Genesis. It really is well supported.

I've got a cheatsheet where I keep snippets of code that I use regularly - adapted to my needs. Things you do site-in, site-out soon become second nature.

Next step is to sign up to Lynda or similar and learn the stuff from scratch. Just don't have the time.

Good luck.

---

Let’s build a website together…

[CleanPageDom]

If you have FTP access to your site, go into your theme and there may well be a file called ".maintenance". Delete this and you should be up and running again.

As per https://wordpress.org/support/topic/blog-now-stuck-in-maintenance-mode

I find if I try to update a lot of plugins in one go this can happen. I'm not sure why. It may be a time-out issue with your hosting? I'd stick to upgrading 3-4 at a time until you're done. A bit boring, but less nerve-shredding.

Hope this helps.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi again

Only other thing I can think of is that it may be a caching issue. Have you installed a caching plugin? I think StudioPress uses images 1600 x 1050 (or something similar), but it should scale whatever you feed it.

If you're happy for me to take a look, you could set me up an admin login and I'll see what's going on?

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi Alexis

When I Inspect Element in Chrome, there's no background image set in .front-page-1. Are you clicking "Save & Publish" when you've uploaded the images (sorry if that's really patronising 🙂 )?

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi Alexis

Have you gone to Appearance > Customise and added your images to the "Front Page Background Images" section?

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

No worries. Although if I'd known you were going to stick a massive picture of Grace Jones up there I probably wouldn't have told you! 😉

---

Let’s build a website together…

[CleanPageDom]

Hi Stephan

Just started using this theme myself today. With a lot of these full-screen image/parallax/widget-controlled front pages on the StudioPress themes, you need to add content to the Widget areas for the home page to take shape.

Try putting a Text widget in Front Page 1 Widget Area and adding some dummy text.

Good luck with it.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi there

Haven't looked in detail, but for one you've specified a pixel width (rather than % or rem) on homepagebox-1,2 etc of 450px.

Thanks
Dom

---

Let’s build a website together…

[CleanPageDom]

Hi there

Odd, I'm on 2.1.2 also. This is Framework we're talking about?

It goes:
Information
Custom Feeds
Default Layout
Header
Navigation
etc…

---

Let’s build a website together…

[CleanPageDom]

Hi there

So you want to place your logo where the site title and description are currently sitting?

From the Dashboard, go to Genesis > Theme Settings. Fourth option down the page says "Header", there's an option for "Use for site title/logo - Dynamic Text/Image Logo". Select "Image Logo"

Then you need to go into style.css, and find:

/* Logo, hide text */

.header-image .site-header .wrap {
	background: url(images/logo.png) no-repeat left;
	padding: 0;
}

Replace url(images/logo.png) with the file path to your logo. Out of the box it should be 360x164, but you can alter this. If you want your logo to be sharp on a retina device, you'll need to create a version of your logo that's twice the size, call it something like" [email protected]", then find:

	.header-image .site-header .wrap {
		background: url(images/[email protected]) no-repeat left;
		background-size: 320px 164px;
	}

At the top of the Media Queries section and add your image's path here. You'll also need to alter the dimensions in the background-size property or the retina logo won't be in proportion.

Thanks
Dom

---

Let’s build a website together…

[Author]

Posts