[sangfroidweb]

Hi!

I am seeing the opacity change on the banner style images in the upper part of the home page (.'Click here to win' banner, etc.)...so I'm thinking you may just need to clear your cache and refresh your browser to clear the cached version of the stylesheet - ?

Also, also ...I found another place where you should add a rule for the #about section image hovers to add the slight effect that you see when you hover on one of the portfolio images. Around line 115 of style.css,

a,
a:visited,
button,
input[type="button"],
input[type="submit"],
.btn,
#blog img,
#portfolio img,
#about img {
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

Let me know how it goes... 🙂

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi!

You can upload a header image to the Executive theme (and manage other Header settings) by going to Appearance, Header in the left column of the WordPress admin. The image needs to be 1,140px ?— 100px for Executive (usually with the logo over on the left side of the image).

Hope this helps!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

You are welcome! Happy to help... I think there is a dropdown at the top of the question to mark it as resolved in the forums. 😀

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi! There are a few parts to this, but this should work.

First, on the .social-icons div, make the 'float:none' and set the margin to '0px auto' to center the div.

Line 2741

.social-icons {
float: none;
height: auto;
margin: 0 auto;
overflow: auto;
padding: 10px;
width: 240px;
}

Then on the actual ul, remove the float, align the text center, and change the margin to center the ul. You should add this rule in the appropriate Mobile Responsive section overwriting what is happening at line 23.

body .simple-social-icons ul {
display: block;
float: none;
margin: 0 auto;
padding: 0;
text-align:center;
}

Then on the individual li's, remove the float, change the display to inline-block. You should add this in the appropriate Mobile Responsive section overwriting what is happening at line 28.

body .simple-social-icons ul li {
background: none repeat scroll 0 0 transparent !important;
border: medium none !important;
display: inline-block;
    float: none;
list-style-type: none !important;
margin: 0 6px 12px !important;
padding: 0 !important;
}

On the welcome-text, remove the float and change the margin to center.

Line 2730

.welcome-text {
float: none;
font-family: inherit;
font-size: 14px;
margin: 0 auto;
min-width: 240px;
overflow: auto;
padding: 10px;
width: 70%;
}

Give it a try and let me know if it doesn't quite work, and I'll take another look.
🙂
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi!

It looks like the background color is being set on the 'a' tag of the submenu on line 392 of style.

#nav li li a, #nav li li a:link, #nav li li a:visited {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #111111;
border-color: #444444;
border-image: none;
border-right: 1px solid #444444;
border-style: solid;
border-width: 0 1px 1px;
color: #999999;
font-size: 11px;
padding: 5px 10px;
position: relative;
text-transform: none;
width: 128px;
}

Try changing the background color there. Hope this helps!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi!

In style.css, you can add a rule to apply those same styles to the images in the #about section as in #portfolio and #blog as noted below.

Line 1394 of style.css

#blog img,
#portfolio img,
#about img  {
margin-bottom: 1.5rem;
opacity: 0.8;
}

Line 1401 of style.css

#blog img:hover,
#portfolio img:hover,
#about img:hover {
opacity: 1;
}

Hope this helps!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

I see what you are talking about in the demo!  I would suggest submitting a support ticket for the theme. http://my.studiopress.com/help/

I don't really find anyone talking about it, but I definitely see what you mean. Sorry, I can't help more!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi!

The home middle areas are each taking up roughly a third of the width of 'home-middle', which is what they are designed to do....However, it's difficult to see because the content inside of each of them is less than the full width of the div, and since the content is aligned to the left -- it's making everything look shifted to the left.

The easiest solution is to center the content in each of the home middle areas. On line 643 of style.css, add a rule to align the text to the center:

#home-middle {
background-color: #FFFFFF;
margin: 0 auto;
overflow: hidden;
padding: 0;
    text-align: center;
width: 960px;
}

Hope that helps!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi!

The size of the font is set globally on line 74 of style.css (in the demo).

body, h1, h2, h2 a, h2 a:visited, h3, h4, h5, h6, p, select, textarea {
color: #222222;
font-family: Georgia,Times,'Times New Roman',serif;
font-size: 16px;
font-weight: normal;
line-height: 26px;
margin: 0;
padding: 0;
text-decoration: none;
}

You can change the font size globally there by changing 'font-size: 16px;' to the size you would like, OR to target a more specific  part of the page or post (such as only the paragraphs inside of the .entry div), you would need to address it more specifically such as writing a rule for .entry-content p, for example.

.entry-content p {

    font-size: 14px;
    padding: 0 0 25px;

}

Hope this helps!
Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

We are on the challenge bandwagon! 😀

Liz and Eddy

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi, You can either re-upload each of them individually as you mentioned, or you can use a plugin to resize them in bulk. You can search the WordPress plugins for 'Resize thumbnails" or "Regenerate Thumbnails" for plugin options.

Here is a link to one plugin (I've never used it so I don't know how it works specifically, but it looks well-rated):

AJAX Thumbnail Rebuild

Hope this helps!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi! That looks like you are barking up the right tree to me! In the Agency demo, it's on line 177 of style.css and looks like this:

#title-area {
float: left;
min-height: 100px;
overflow: hidden;
padding: 15px 0 0;
width: 350px;
}

So,  350 pixels by 100 pixels in this case. In your css, it looks like the height is set to 115px but with the same width.

Hope this helps!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi! You just need to specify more explicitly which H2 for which you want to change the size. So, if you are using the Genesis Responsive Slider plugin, generally speaking, the css to change the H2 font to 20pt would be:

.slide-excerpt h2 a,
.slide-excerpt h2 a:visited {
font-size: 20pt;
}

This tells the browser that you are not talking about any old H2, you are talking about ONLY the H2's within the .slide-excerpt div.

You would apply a similar tactic to change the size of the input button. If you can provide a link, I'm happy to take a look and give you a more specific answer.

Hope this helps!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi! It looks like you figured this out, but for anyone looking for the same answer, there is a code snippet to do this:

Search Form

Thanks!!

Liz

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi! Do you have a link we can look at?

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

Hi!

There is most likely a minimum height set on the header div. Look for this in your stylesheet (this is from the demo on line 518 of style.css):

`#header {
min-height: 87px;
overflow: hidden;
}`

Adjust or remove this min-height so that the header area is no longer forced to be 87px.

Hope this helps!

---

Liz or Eddy @SangFroid Web — Customizing StudioPress themes at http://www.wpstudioworks.com and building custom Genesis Child themes for businesses at http://www.sangfroidwebdesign.com 🙂

[sangfroidweb]

This reply has been marked as private.

[Author]

Posts