[cdilsParticipant Post count: 285]

Hi Tonje,

If you want to go glossy, you’ve got two basic options:

1) Add in some crazy CSS gradients (you can do some Googling for CSS gradient button generator). Just know that it may not look great in older browsers, especially IE.

2) Use a background image instead of a background color for your button. This is a better option in my opinion. Again, if you Google for “glossy buttons” or such, you’ll find lots of images you can use.

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

CSS – or cascading style sheet – means that a style declaration can be overwritten by a second declaration, depending on the order it appears in your style sheet.

If I look at your CSS using Firebug, I see this:

#header {
background: url(“http://www.advokateden.se/wp-content/uploads/2013/04/header.png”) no-repeat;
}

And this:

#header {
background-color: #67645F;
background-position: center top !important;
margin: 0 auto;
min-height: 60px;
overflow: hidden;
}

The background style takes precedence over the background-color style.

If you’re using the Header upload built into Genesis, there’s a place you can add the background color there that will eliminate the need to add it directly to your CSS.

If you’re adding your header background image directly to the CSS, then add the color in that declaration. It will look like this:

#header {
background: url(“http://www.advokateden.se/wp-content/uploads/2013/04/header.png”) no-repeat #67645f;
}

Otherwise, if you’re using a plugin to put that image header there, you’ll have to add the !important declaration to override the original background style. Like this:

#header {
background-color: #67645F !important;
background-position: center top !important;
margin: 0 auto;
min-height: 60px;
overflow: hidden;
}

This last option (!important) is really the least desirable, so try the other two first based on how your site’s set up.

Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Ah, okay! That makes total sense.

You’re right -your workaround solved it temporarily, but isn’t a good permanent solution. Let’s fix it via CSS instead. Go ahead and delete the image you set above the text on the post and go back to the way things originally were.

Once that’s done, we can dive into the CSS and figure out what we need to edit. If you’ve never used Chrome Developer Tools or Firebug to help figure out your CSS, check out this demo. Post a message when you’re ready and I’ll take a look again.

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

The content width on the theme is 1140, so wider than that if you want the background to show around the edges.

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

You don’t have to add a page template. In this case, you could add a widget area and set it to display above the content area on all pages (or whatever pages you select). Take a look at this tutorial and see if that is what you’re looking for:

http://www.carriedils.com/add-widget-area-below-nav/

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hi Tonje,

Is it the green button on your home page? If so, try adding border-radius: 10px to the button. So your CSS might look like this:

.buttondiv {
border-radius: 10px;
}

Of course I just picked 10px – you can make the rounds larger by increasing the pixel size.

Cheeres,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hm, I see what you mean, but I don’t know of a plugin off the top of my head that does that.

I wonder if instead of “slideshow plugin” you look for a content rotator or content scroll. The one on the link you posted kinda reminded me of tabbed content, just with a different look.

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Try disabling all plugins, except GSC and see if that fixes it. If so, reactivate plugins one at a time to see which one might be causing the conflict.

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hi,
I realize you posted this awhile back. Were you able to get it working? If not, please post a link to a page as an example and I’ll see if I can help.

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hi Riggie,
I realize you posted this awhile back. Did you ever get help or did you find a solution?

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hi,

You don’t need to add another loops.php file. You can can create a custom loop or filter the default genesis loop. Here are a couple of starter articles that might get you going in the right direction:

http://genesissnippets.com/genesis-custom-loop/

http://surefirewebservices.com/genesis-framework/create-a-custom-loop-without-genesis-hooks

There are lots of other great articles out there. If you let me know what you’re trying to accomplish with your modified loop and where/what pages you want it to show, I can give you more specific info.

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hi Joachim,

There is not a simple way (that I’m aware of) to have a featured image brought in externally.

You my find this plugin helpful for a default featured image for a post or product that doesn’t have an image:

http://wordpress.org/extend/plugins/genesis-featured-images/

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hi there,

If you add this, it’ll center all the more buttons:

.more-link {
margin: 0 auto;
}

Since you only want to center the one, you’ll want to target that element specifically. See if this works:

.featuredpost .more-link {
margin: 0 auto;
}

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hi there,
Looks like you got this working?

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[cdilsParticipant Post count: 285]

Hey there,
I checked in Safari (vs 6) and it looks fine. Also looks normal in Firefox, too. I saw you’ve got a min-height set on the header, so it looks like you’re doing the right thing.

The only other thing I could think of to try is adding display: block to your #header tag.

Cheers,
Carrie

---

Have you been helped in this forum? Pay it forward and answer someone else’s question. I bet you’ll know the answer to at least one question.

I tweet @cdils.

[Author]

Posts