[emasai]

The site-header and site-header wrap have a lot of bottom padding, which you could remove in the media queries.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

That is the image that you uploaded for this section, which has a different url than http://www.stylishpatina.com/ this section goes to http://www.stylishpatinashop.com/

This is the uploaded image: http://assets.shoplightspeed.com/stylish-patina-home-gift-diy-shop-chalk-paint-by-a/logo.png?20180317195633

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

In developer tools, I'm seeing the following rule which is restricting the width:

.flexible-widgets.widget-area .widget:nth-of-type(1) {
    max-width: 600px;
    margin: 0 auto 60px;
}

If you remove the max width your columns stack correctly.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

On Firefox, Chrome and Safari on Mac, I can see a purple background which then fades to a white background with purple design elements, same on desktop as on mobile.

However, your navigation rollover are almost invisible with purple on black.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Try this tutorial or google custom page template for Genesis/StudioPress

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Try setting .site-description to display: none; this will hide it on all pages, then write a new css rule after that one for .home .site-description{ display: block;}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

I looked at your site with web inspector and the font size has not been changed, this is what I saw:
.site-topbar .simple-social-icons li a, .site-topbar .simple-social-icons li a:hover, .site-topbar .simple-social-icons li a:focus {
display: inline-block;
font-size: 14px;
font-size: 1.4rem;
padding: 11px 10px;
text-align: center;
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Increase the font size and rem which is set to 14px. If you increase too big you will have to modify the height of .top-bar

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Easy, increase the width of the ul.sub-menu and reduce the width of the sub-menu .li tag

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

It looks like you managed to do it yourself?

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

I hope you are comfortable modifying style.css
Here is what you need to do:
Decrease padding on .site-header to 20px, (line 1076)
Next increase the width of .site-title to 600px, line 1085
Then decrease the width of .site-header .widget-area to 300px, line 1148
Last of all on .header-image .site-title a, increase the min-height to 300px, line 1138

On mobile, you will have to tinker with the min-height again at the different break points.

I hope that helps

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

That is coming from line 2568

.content .post.entry .entry-title, .content .post.entry .entry-meta, .content .post.entry .entry-content, .full-width-content .content .entry .entry-title, .full-width-content .content .entry .entry-meta, .full-width-content .content .entry .entry-content {
    padding: 0 40px;
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

That is the correct way to change the font, but only if it is already enqueued in the functions file.

The code to look for is:

//* Enqueue Google fonts
add_action( 'wp_enqueue_scripts', 'a4a_google_fonts' );
function a4a_google_fonts() {
	wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Roboto+Slab:400,500,700', array(), CHILD_THEME_VERSION );
}

In this case the font that will load is Roboto Slab. Do not modify the functions file through the WordPress dashboard, it should be downloaded via FTP, copied and saved, modified then uploaded.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

In the functions file the width and height are inverted. Height should be 401 and width 1140.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Write a new css rule in the media queries, copy and paste the above code and change the padding to 0 or whatever it needs to be.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

You could use .post-type-archive-books as that is the type of page you wish to target.

You could add a Tag cloud plugin, see HERE

I have never used Author Pro, so I am not familiar with its settings.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

That's the problem with banner ads, which usually nobody looks at anyway.

With CSS you can hide this ad on mobile using display: none; and use a smaller version for mobile. You need to install both ads, hide the small one on desktop and display: block; on mobile, then hide the large one on mobile.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

You should add your code to the child theme's functions.php, always do this through FTP, never through the Dashboard Editor, white screen of death assured. Save the original functions.php or copy to a text editor in case you make a mistake and need to revert back to the original.

To target a specific page or page-template you would need to add a WordPress conditional tag

You can find the page name by using Developer tools in your web browser and looking at "body class" at the top of the page.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

The source of your problem is this line of css on line 2065

.content .academy-entry-image-aligncenter .entry-header, .content .academy-entry-image-alignleft .entry-header, .content .academy-entry-image-alignright .entry-header {
    padding: 0 60px;
}

You are correct in removing the padding, but you are not targeting the correct css rule.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[emasai]

Use the developer tool of your browser to find the tag and modify it in the style.css. See this article by Victor Font

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts