Upcoming widget showing type really big

[Stephen]

Can someone tell me how to change the type size in the widget, currently is about 2x the normal size it was. Please advise.
you can see it on the bottom left of the screen

[Kelly]

Hi, kg4izp. Great question! 🙂

Would you mind checking out the solutions offered in this thread:

Font in Widget is Big/Blurry after 3.0 Upgrade

I’m think that you’re having an issue with your CSS here, and that should straighten things out for you.

[Stephen]

I tried looking at the page, but I could not see the h4 or h5 in my files or how I can change things to make it work.

[Stephen]

Where would I make the change in the .css file

/*
Theme Name: Highland Heights
Description: This is the sample theme created for the Genesis Framework.
Author: StudioPress
Author URI: http://www.studiopress.com/

Version: 2.0

Tags: black, orange, white, one-column, two-columns, three-columns, fixed-width, custom-menu, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready

Template: genesis
Template Version: 2.0

License: GPL-2.0+
License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/* Table of Contents

01 Import Fonts
02 Defaults
03 Typography
– Font Color
– Font Family
– Font Size
– Font Miscellaneous
04 Layout
– Structure
– 1152px CSS Grid
– Header
– Main Content
– Post Info & Meta
– Column Classes
– Miscellaneous
05 Menus
– Primary Navigation Extras
06 Headings
07 Lists
08 Post Navigation
09 Comments
10 Sidebars
11 Footer
– Footer Widgets
12 Forms & Buttons
– Gravity Forms
13 Images & Captions
14 Media Queries
– max-width: 1024px
– max-width: 768px
– max-width: 480px

*/

#title-area
{
display:none;
}

/*
01 Import Fonts
—————————————————————————————————- */

@import url(http://fonts.googleapis.com/css?family=Lato:400,700);

/*
02 Defaults
—————————————————————————————————- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
input, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
border: 0;
margin: 0;
padding: 0;
vertical-align: baseline;
}

html {
font-size: 100%; /* 16px browser default */
}

body {
background-color: #d5dee7;
line-height: 1;
}

body,
input,
select,
textarea,
.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

#wrap{
background-color:white;
}

#blog{
background-color: #d5dee7;
}

a,
a:visited,
button,
input[type=”button”],
input[type=”submit”],
.btn {
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
text-decoration: none;
}

::-moz-selection {
background-color: #1e1e1e;
color: #fff;
}

::selection {
background-color: #1e1e1e;
color: #fff;
}

a img {
border: none;
}

/*
03 Typography
——————————————————————————————————-

This section covers font colors, families, size, styles and weight.

This style sheet uses rem values with a pixel fallback.
The rem values are calculated per the examples below:

12 / 16 = 0.75rem
14 / 16 = 0.875rem
16 / 16 = 1rem
18 / 16 = 1.125rem
20 / 16 = 1.25rem
24 / 16 = 1.5rem
30 / 16 = 1.875rem
36 / 16 = 2.25rem
42 / 16 = 2.625rem
48 / 16 = 3rem

Further reading on the use and compatibility of rems:

http://caniuse.com/rem
http://snook.ca/archives/html_and_css/font-size-with-rem

*/

/* 03a – Font Color ———– */

a:hover,
body,
input,
h2 a:hover,
.author,
.date,
.genesis-nav-menu a,
.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited,
.post-comments,
#title a,
#title a:hover {
color: #1e1e1e;
}

h2 a,
h2 a:visited{
color: #1e1e1e;
}

.genesis-nav-menu li a:hover,
.genesis-nav-menu li:hover a,
.genesis-nav-menu li li a:hover,
.genesis-nav-menu .current-menu-item a {
/*color: #0074ba;*/
}

a,
h4.widgettitle a{
color: #0074ba;
}

.post-info,
.post-meta,
#description {
color: #636363;
}

blockquote::before,
blockquote p,
input,
select,
textarea {
color: #999;
}

button,
input[type=”button”],
input[type=”submit”],
.btn,
.genesis-nav-menu .highlight-menu-item a,
.genesis-nav-menu .highlight-menu-item a:hover,
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
color: #fff;
}

/* 03b – Font Family ———– */

body,
input,
textarea,
.author-box h1 {
font-family: ‘Helvetica Neue’, Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a,
#title {
font-family: ‘Lato’, sans-serif;
}

/* 03c – Font Size ———– */

#title {
font-size: 42px;
font-size: 2.625rem;
}

h1,
.entry-title,
.entry-title a {
color: #0074ba;
font-size: 36px;
font-size: 2.25rem;
}

blockquote::before {
font-size: 32px;
font-size: 2rem;
}

h2 {
font-size: 30px;
font-size: 1.875rem;
}

h3 {
font-size: 24px;
font-size: 1.5rem;
}

h4,
.archive-title,
.taxonomy-description h1,
.widgettitle {
font-size: 20px;
font-size: 1.00rem;
color: #0074ba;
background: #E6E6E6;
height: 30px;
line-height:30px;
position:relative;
width:95%;
padding-left: .5em;
}

#below-header .widgettitle
{
display:none;
}

#below-header .widget-wrap{
position:relative;
margin-left:0px;
}

h5 {
font-size: 18px;
font-size: 1.125rem;
}

h6,
.author-box h1,
.sidebar h2 a {
font-size: 16px;
font-size: 1rem;
}

input,
select,
textarea,
.genesis-nav-menu,
.post-info,
.post-meta,
.wp-caption,
#footer p {
font-size: 14px;
font-size: 0.875rem;
}

/* 03d – Font Miscellaneous ———– */

blockquote p {
font-style: italic;
}

cite {
font-style: normal;
}

button,
input[type=”button”],
input[type=”submit”],
h1,
h2,
h3,
h4,
h5,
h6,
.btn,
.entry-title a,
.genesis-nav-menu,
.post-comments,
.post-info .author,
.post-info .date,
.wp-caption,
#footer p,
#title {
font-weight: 700;
}

.wp-caption {
text-align: center;
}

h2 a,
h2 a:visited,
.genesis-nav-menu a,
.navigation li a,
.widgettitle a,
#title a {
text-decoration: none;
}

/*
04 Layout
—————————————————————————————————- */

/* 04a – Structure ———– */

#wrap {
margin: 0 auto;
max-width: 1152px;
box-shadow: 10px 10px 5px #a9b0b8;
}

#inner {
clear: both;
overflow: hidden;
padding-top: 40px;
padding-top: 2.5rem;
position:relative;
bottom: 30px;
width:95%;
margin:auto;
}

#below-header{
position:relative;
bottom: 30px;
}

/* 04b – 1152px CSS Grid ———– */

#sidebar-alt {
width: 15.277777777%; /* 176px / 1152px */
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.sidebar,
#header .widget-area {
width: 30.555555555%; /* 352px / 1152px */
}

.content-sidebar-sidebar .sidebar,
.sidebar-content-sidebar .sidebar,
.sidebar-sidebar-content .sidebar {
width: 37.931034482%; /* 352px / 928px */
}

.content-sidebar-sidebar #content,
.sidebar-content-sidebar #content,
.sidebar-sidebar-content #content {
width: 56.896551724%; /* 528px / 928px */
}

.content-sidebar #content,
.sidebar-content #content,
#title-area {
width: 65.277777777%; /* 752px / 1152px */
float:right;
}

.content-sidebar-sidebar #content-sidebar-wrap,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content-sidebar-wrap {
width: 80.555555555%; /* 928px / 1152px */
}

.content-sidebar #content-sidebar-wrap,
.full-width-content #content,
.full-width-content #content-sidebar-wrap,
.sidebar-content #content-sidebar-wrap {
width: 100%; /* 1152px / 1152px */
}

.footer-widgets-1,
.footer-widgets-2,
.sidebar-content #sidebar,
.sidebar-sidebar-content #sidebar,
#content,
#content-sidebar-wrap,
#footer .gototop,
#sidebar-alt,
#title-area {
float: left;
}

.content-sidebar-sidebar #sidebar-alt,
.footer-widgets-3,
.sidebar,
.sidebar-content #content,
.sidebar-content-sidebar #content-sidebar-wrap,
.sidebar-sidebar-content #content,
.sidebar-sidebar-content #content-sidebar-wrap,
#footer .creds,
#header .widget-area {
float: right;
}

/* 04c – Header ———– */

#header {
height:60px;
overflow: hidden;
padding-bottom: 32px;
padding-bottom: 2rem;
box-shadow: 20px 0px 5px #d5dee7;
background-color:#d5dee7;
}

@media screen and (max-width: 768px)
{
#header {
background-color:#fff;
box-shadow: 20px 0px 5px #fff;
}
}

#title {
line-height: 1;
margin: 40px 0 8px;
margin: 2.5rem 0 0.5rem;
}

.header-image #title {
margin: 0;
}

#description {
line-height: 1.25;
}

.header-full-width #title,
.header-full-width #title a,
.header-full-width #title-area {
width: 100%;
}

.header-image #title,
.header-image #title a,
.header-image #title-area {
display: block;
float: left;
min-height: 120px;
overflow: hidden;
text-indent: -9999px;
width: 50%;
}

.header-image #description {
display: block;
overflow: hidden;
}

/* 04d – Main Content ———– */

#content {
padding-bottom: 40px;
padding-bottom: 2.5rem;
padding-right:20px;
}

.entry,
.page .post.entry {
margin-bottom: 80px;
margin-bottom: 5rem;
}

.single .entry {
margin-bottom: 48px;
margin-bottom: 3rem;
}

.page .entry {
margin: 0;
}

.entry-content {
overflow: hidden;
}

.entry-content,
.entry-content p {
line-height: 1.625;
}

.entry-content p {
margin-bottom: 26px;
margin-bottom: 1.625rem;
}

blockquote {
padding: 24px 64px;
padding: 1.5rem 4rem;
}

blockquote::before {
content: ““”;
display: block;
height: 0;
left: -20px;
position: relative;
top: -10px;
}

/* 04e – Post Info & Meta ———– */

.post-info,
.post-meta {
clear: both;
line-height: 1.5;
}

.post-info {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}

.post-comments {
background: url(images/post-comments.png) no-repeat center left;
margin-left: 16px;
margin-left: 1rem;
padding-left: 20px;
padding-left: 1.25rem;
}

.post-meta {
border-top: 1px solid #ccc;
padding-top: 24px;
padding-top: 1.5rem;
}

.categories,
.tags {
display: block;
}

/* 04f – Column Classes ———– */

.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
float: left;
margin-left: 4.166666666%; /* 48px / 1152px */
}

.one-half,
.three-sixths,
.two-fourths {
width: 47.9166666666%; /* 552px / 1152px */
}

.one-third,
.two-sixths {
width: 30.555555555%; /* 352px / 1152px */
}

.four-sixths,
.two-thirds {
width: 65.277777777%; /* 752px / 1152px */
}

.one-fourth {
width: 21.875%; /* 252px / 1152px */
}

.three-fourths {
width: 73.958333333%; /* 852px / 1152px */
}

.one-fifth {
width: 16.666666666%; /* 192px / 1152px */
}

.two-fifths {
width: 37.5%; /* 432px / 1152px */
}

.three-fifths {
width: 58.333333333%; /* 672px / 1152px */
}

.four-fifths {
width: 79.166666666%; /* 912px / 1152px */
}

.one-sixth {
width: 13.194444444%; /* 152px / 1152px */
}

.five-sixths {
width: 82.638888888%; /* 952px / 1152px */
}

.first {
margin-left: 0;
}

/* 04g – Miscellaneous ———– */

p.subscribe-to-comments {
padding: 24px 0 16px;
padding: 1.5rem 0 1rem;
}

p.pages,
.clear,
.clear-line,
.first {
clear: both;
}

.clear-line {
border-bottom: 1px solid #ccc;
margin-bottom: 26px;
margin-bottom: 1.625rem;
}

.alignleft,
.archive-page {
float: left;
}

.alignright {
float: right;
}

.archive-page {
width: 50%;
}

.author-box,
.sticky {
margin-bottom: 80px;
margin-bottom: 5rem;
}

.author-box,
.author-box h1,
.taxonomy-description {
line-height: 1.5;
}

.author-box,
.breadcrumb,
.sticky,
.taxonomy-description {
background-color: #f5f5f5;
margin-bottom: 48px;
margin-bottom: 3rem;
overflow: hidden;
padding: 32px;
padding: 2rem;
}

/*
05 Menus
—————————————————————————————————- */
.sub-menu
{
z-index:2;
}

.genesis-nav-menu {
clear: both;
overflow: hidden;
height:50px;
background-image:url(‘images/gradient_header_bar_CHH.jpg’);
}

#header .genesis-nav-menu {
float: right;
margin-top: 48px;
margin-top: 3rem;
width: auto;
}

.genesis-nav-menu.menu-primary,
.genesis-nav-menu.menu-secondary {
}

.genesis-nav-menu ul {
float: left;
width: 100%;
}

.genesis-nav-menu li {
float: left;
list-style-type: none;
text-align: center;
width:128px;
color:white;
height:55px;
}

.genesis-nav-menu-normal
{
display: inline-block;
float: left;
list-style-type: none;
text-align: center;
width:128px;
color:white;
}

.genesis-nav-menu a {
display: block;
padding-top: 20px;
padding-top: 1.2rem;
position: relative;
color:white;
}

.genesis-nav-menu li.highlight-menu-item {
margin-left: 20px;
margin-left: 1.25rem;
}

.genesis-nav-menu .highlight-menu-item a {
background-color: #1e1e1e;
}

.genesis-nav-menu .highlight-menu-item a:hover {
background-color: #ff2a00;
}

.genesis-nav-menu li li a,
.genesis-nav-menu li li a:link,
.genesis-nav-menu li li a:visited {
background-color: #fff;
border: 1px solid #ccc;
border-top: none;
padding: 20px;
padding: 1.25rem;
position: relative;
width: 170px;
}

.genesis-nav-menu li ul {
left: -9999px;
position: absolute;
width: 212px;
z-index: 99;
}

.genesis-nav-menu li ul ul {
margin: -55px 0 0 211px;
}

.genesis-nav-menu li:hover ul ul,
.genesis-nav-menu li.sfHover ul ul {
left: -9999px;
}

.genesis-nav-menu li:hover,
.genesis-nav-menu li.sfHover {
position: static;
}

ul.genesis-nav-menu li:hover>ul,
ul.genesis-nav-menu li.sfHover ul,
#header .genesis-nav-menu li:hover>ul,
#header .genesis-nav-menu li.sfHover ul {
left: auto;
}

.genesis-nav-menu li a .sf-sub-indicator,
.genesis-nav-menu li li a .sf-sub-indicator,
.genesis-nav-menu li li li a .sf-sub-indicator {
position: absolute;
text-indent: -9999px;
}

#wpadminbar li:hover ul ul {
left: 0;
}

/* 05a – Primary Navigation Extras ———– */

.genesis-nav-menu li.right {
float: right;
padding: 24px 20px;
padding: 1.5rem 1.25rem;
}

.genesis-nav-menu li.right a {
display: inline;
padding: 0;
}

.genesis-nav-menu li.search {
padding: 6px 0 0;
padding: 0.375rem 0 0;
}

.genesis-nav-menu li.rss a {
background: url(images/rss.png) no-repeat center left;
margin-left: 20px;
margin-left: 1.25rem;
padding-left: 20px;
padding-left: 1.25rem;
}

.genesis-nav-menu li.twitter a {
background: url(images/twitter-nav.png) no-repeat center left;
padding-left: 24px;
padding-left: 1.5rem;
}

/*
06 Headings
—————————————————————————————————- */

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title a {
line-height: 1.2;
margin-bottom: 16px;
margin-bottom: 1rem;
}

.author-box h1 {
margin: 0
}

.taxonomy-description h1 {
margin-bottom: 4px;
margin-bottom: 0.25rem;
}

.archive-title {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}

.custom-header-hh{
float: right;
position: relative;
padding-top: 40px;
padding-right: 20px;
}

.header-link{
margin-left:10px;
font-size:13px;
}

/*
07 Lists
—————————————————————————————————- */

.entry-content ol,
.entry-content ul {
margin-bottom: 26px;
margin-bottom: 1.625rem;
}

.entry-content ol li,
.entry-content ul li {
line-height: 1.625;
}

.entry-content ol li,
.entry-content ul li {
margin-left: 40px;
margin-left: 2.5rem;
}

.entry-content ol li {
list-style-type: decimal;
}

.entry-content ul li {
list-style-type: disc;
}

.entry-content ol ol,
.entry-content ul ul {
margin-bottom: 0;
}

.widget-wrap ul
{
position:relative;
/*left:20px;*/
margin-bottom:10px;
}

.widget-wrap{
margin-left:10px;
}

/*
08 Post Navigation
—————————————————————————————————- */

.navigation li {
display: inline;
}

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
background-color: #1e1e1e;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}

.navigation li a:hover,
.navigation li.active a {
background-color: #ff2a00;
}

/*
09 Comments
—————————————————————————————————- */

#comments,
#respond {
line-height: 1.5;
overflow: hidden;
}

.ping-list,
#comments {
margin-bottom: 48px;
margin-bottom: 3rem;
}

#author,
#email,
#url {
width: 50%;
}

.commentmetadata,
#author,
#email,
#url {
margin-bottom: 12px;
margin-bottom: 0.75rem;
}

#comment {
margin: 12px 0;
margin: 0.75rem 0;
}

label {
margin-left: 12px;
margin-left: 0.75rem;
}

.comment-list li,
.ping-list li {
list-style-type: none;
margin-top: 24px;
margin-top: 1.5rem;
padding: 32px;
padding: 2rem;
}

.comment-list li ul li {
margin-right: -32px;
margin-right: -2rem;
}

.comment-header {
overflow: hidden;
}

.comment {
background-color: #f5f5f5;
border: 2px solid #fff;
border-right: none;
}

.comment-content p {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}

.bypostauthor {
}

#comments .navigation {
margin-top: 32px;
margin-top: 2rem;
}

/*
10 Sidebars
—————————————————————————————————- */

.subpage-menu
{
margin-left:10px;
}

.subpage-menu-items
{
margin-left:10px;
}

.subpage-menu-title
{

}

.sidebar {
display: inline;
line-height: 1.5;
float:left;
}

.sidebar p {
margin-bottom: 16px;
margin-bottom: 1rem;
}

.sidebar .widget {
border-bottom: 1px solid #ccc;
margin-bottom: 32px;
margin-bottom: 2rem;
padding-bottom: 32px;
padding-bottom: 2rem;
overflow: hidden;
}

.sidebar.widget-area ul li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.375rem;
word-wrap: break-word;
}

/*
11 Footer
—————————————————————————————————- */

.footer {
clear: both;
height: 70px;
background-image:url(‘images/gradient_footer_bar_CHH.jpg’);
}

.footer-text-two{
position: relative;
float: left;
margin-top: -2%;
margin-left: 20px;
color:white;
}

.footer-text-three{
position: relative;
float: left;
margin-top:-3%;
margin-left: 20px;
color:white;
}

#footer .wrap {
overflow: hidden;
padding: 48px 0;
padding: 3rem 0;
}

#footer .creds {
text-align: right;
margin: 8px 0;
margin: 0.5rem 0;
position:relative;
top:-30px;
right:15px;
}

#footer .gototop {
margin: 8px 0;
margin: 0.5rem 0;
position:relative;
top:-30px;
left:15px;
}

/* 11a – Footer Widgets ———– */

.footer-widgets {
border-top: 2px solid #1e1e1e;
clear: both;
line-height: 1.5;
overflow: hidden;
padding: 32px 0 16px;
padding: 2rem 0 1rem;
}

.footer-widgets p {
margin-bottom: 16px;
margin-bottom: 1rem;
}

.footer-widgets .widget {
margin-bottom: 24px;
margin-bottom: 1.5rem;
}

.footer-widgets .widget-area ul li {
list-style-type: none;
margin-bottom: 6px;
margin-bottom: 0.375rem;
word-wrap: break-word;
}

.footer-widgets-1 {
margin-right: 4.166666666%; /* 48px / 1152px */
}

/*
12 Forms & Buttons
—————————————————————————————————- */

input,
select,
textarea {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
box-shadow: 0 0 5px #ddd inset;
padding: 16px;
padding: 1rem;
width: 100%;
}

#header .search-form {
float: right;
margin-top: 56px;
margin-top: 3.5rem;
width: 100%;
}

button,
input[type=”button”],
input[type=”submit”],
.btn {
background-color: #1e1e1e;
border: none;
box-shadow: none;
cursor: pointer;
padding: 16px 24px;
padding: 1rem 1.5rem;
width: auto;
}

button:hover,
input:hover[type=”button”],
input:hover[type=”submit”],
.btn:hover {
background-color: #ff2a00;
}

.enews input[type=”submit”],
.search-form input[type=”submit”] {
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}

/* 12a – Gravity Forms ———– */

#content div.gform_wrapper input,
#content div.gform_wrapper select,
#content div.gform_wrapper textarea,
#content div.gform_wrapper .ginput_complex label {
font-size: 16px;
font-size: 1rem;
padding: 16px;
padding: 1rem;
}

#content div.gform_wrapper input[type=”submit”] {
padding: 16px 24px;
padding: 1rem 1.5rem;
}

#content div.gform_wrapper .ginput_complex label {
padding: 0;
}

div.gform_wrapper li,
div.gform_wrapper form li {
margin: 16px 0 0;
margin: 1rem 0 0;
}

/*
13 Images & Captions
—————————————————————————————————- */

embed,
img,
object,
video {
max-width: 100%;
}

.site-icon
{
left: 43.5%;
top: -100px;
height: 147px;
position: relative;
z-index: 21;
}

img {
height: auto;
}

.alignleft .avatar {
margin-right: 24px;
margin-right: 1.5rem;
}

.alignright .avatar {
margin-left: 24px;
margin-left: 1.5rem;
}

.author-box .avatar {
float: left;
margin-right: 24px;
margin-right: 1.5rem
}

.comment-list li .avatar {
float: left;
margin: 0 16px 24px 0;
margin: 0 1rem 1.5rem 0;
}

img.centered,
.aligncenter {
display: block;
margin: 0 auto 24px;
margin: 0 auto 1.5rem
}

img.alignnone {
display: inline;
margin-bottom: 12px;
margin-bottom: 0.75rem;
}

img.alignleft,
.post-image,
.wp-caption.alignleft {
display: inline;
margin: 0 24px 24px 0;
margin: 0 1.5rem 1.5rem 0;
}

img.alignright,
.wp-caption.alignright {
display: inline;
margin: 0 0 24px 24px;
margin: 0 0 1.5rem 1.5rem;
}

p.wp-caption-text {
line-height: 1.2;
margin-top: 12px;
margin-top: 0.75rem;
}

.gallery-caption {
}

/*
14 Media Queries
—————————————————————————————————- */

@media screen and (max-width: 1170px)
{
.site-icon
{
display:none;
}

.menu-icon
{
display:none;
}

.genesis-nav-menu
{
height: 110px;
}
}
@media screen and (max-width: 1024)
{

}

@media screen and (max-width: 768px)
{
.genesis-nav-menu
{
height: 110px;
}
}

@media screen and (max-width: 530px)
{
.genesis-nav-menu
{
height: 165px;
}
}

@media screen and (max-width: 400px)
{
.genesis-nav-menu
{
height: 210px;
}
}

/* Desktops, laptops and iPads (landscape) ———– */

@media only screen and (max-width: 1024px) {

#wrap {
max-width: 960px;
}

}

/* iPads (portrait) ———– */

@media only screen and (max-width: 768px) {

#wrap {
/*padding: 0 5%;*/
}

.footer-widgets-1,
.footer-widgets-2,
.footer-widgets-3,
.wrap,
#footer .creds,
#footer .gototop,
#header .widget-area,
#inner,
#title-area,
#wrap .sidebar,
#wrap #content,
#wrap #content-sidebar-wrap,
#wrap #sidebar-alt {
width: 100%;
}

.genesis-nav-menu li,
#footer .creds,
#footer .gototop,
#header ul.genesis-nav-menu,
#header .search-form {
/*float: none;*/
}

.genesis-nav-menu,
#description,
#footer .creds,
#footer .gototop,
#header .search-form,
#title,
#title-area {
text-align: center;
}

.genesis-nav-menu a {
padding: 20px 16px;
padding: 1.25rem 1rem;
}

#title {
margin: 16px 0;
margin: 1rem 0;
}

#header .search-form {
margin: 32px auto 0;
margin: 2rem auto 0;
width: 50%;
}

.genesis-nav-menu li.right {
display: none;
}

#footer .wrap {
padding: 24px 0;
padding: 1.5rem 0;
}

.footer-widgets-1,
#header .genesis-nav-menu {
margin: 0;
}

}

/* iPhones (portrait and landscape) ———– */

@media only screen and (max-width: 480px) {

html {
font-size: 87.5%; /* 14px base */
}

#header .search-form {
width: 100%;
}

.archive-page,
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fifths,
.three-fourths,
.three-sixths,
.two-fifths,
.two-fourths,
.two-sixths,
.two-thirds {
margin: 0;
width: 100%;
}

}

[Kelly]

Hi, kg4izp. Your best bet is to add a custom CSS for just our pages. The instruction in our Themer’s Guide on how to do just that should be the ticket!

Please give that a try and let me know how it goes. 🙂

[Stephen]

I am not a programmer and I am totally lost. Maybe I should ask another question in the forum to see if anyone has sample of what I need to do.

[Kelly]

Hi, kg4izp. Unfortunately, our support forum is not setup for that kind of posting.

Did you try to use the steps that I linked to in our Themer’s Guide? Was there a particular place that you got stuck?

If you’re keen on having someone else take care of it for you, you’re more than welcome to email us at [email protected], and we can shoot you our current list of suggested developers. I’m sure one of them would be able to get you sorted in no time flat.

Please let me know if there’s anything else I can do to help! 🙂

[Kelly]

Hi, kg4izp. As it’s been a couple of weeks now, I’m going to close this thread. Please start a new topic if you’d like to pursue this further.

Thanks for being a TEC user! 🙂

[Author]

Posts