Well I used this custom CSS in my child theme and it seems to be working ok for me.
h2 {
font-family: Papyrus;
font-size: 30px;
color: #001441;
font-weight: 700;
}
h3 {
font-family: Papyrus;
font-size: 28px;
color: #001441;
font-weight: 700;
}
h4 {
font-family: Papyrus;
font-size: 25px;
color:#001441
font-weight: 700;
}

I guess if someone doesn’t have that font, they won’t see it…right???

Sorry about causing any problems. That was not my intent. As far as not being able to find the blue button, this is the sidebar that is found on all pages except the main page which I noted in # 2 on my list of questions. I am pasting them again below. Is is preferable for me to open a item for each question that I have? Perhaps that would be less confusing. I’m happy to do it either way you all prefer.

How do I –
1. Change the width of the underline that appears under the main menu item? I realize it adjusts to the font size of the menu item, but I suspect there is padding on the sides and this is what I want to reduce.
2. Lessen the space between widgets on my main sidebar? See image below called sidebar.jpg
3. When I use tabs on a page, when the page loads, the first tab is always open and displays the content. This is great on the desktop version, but on smaller mobile versions, I don’t want the first tab content to display, just the tabs. How can I modify this?
4. I have a bottom border on the header, but on mobile, two lines display above the slider. I realize one of these is my header border, but how do I get rid of the other line? And how do I move the slider up so there is no space between the header and the slider? See image below called screenshot.

Thanks for your reply. Sorry I wasn’t clear. In the Enfold Theme Options/General Styling, there is a field titled Custom Background Image where you can upload an image to the ‘Logo Area’ (per the description)
The image I have there now is 1700 x 588 in the large size, which is what I select before clicking the Use Image Button. However, it doesn’t fill the area as it used to. This is what it looks like now:

I need to be able to tell my graphic artist the proper dimensions to more fully fill the black space; or if the dimension I have is correct, I need to know how to make it show up in the larger size. Before I cropped the bottom to prevent it from overlapping the menu area, it filled about 3/4 of the horizontal area, leaving the social profiles area on the right and an equally-sized black area on the left. I didn’t scale it – I cropped it – so the horizontal dimension (1700) is the same as it used to be.

It occurs to me that the Quick CSS contents may be responsible for this, but I’m afraid I’m not knowledgeable enough to determine that. The code that’s there currently is:
.content, .sidebar {
padding-top: 20px;
padding-bottom: 20px;
box-sizing: content-box;
min-height: 1px;
z-index: 1;
}
.avia-testimonial-wrapper {
display: table;
margin: 0px 0px;
clear: both;
}
body .column-top-margin {
margin-top: 20px;
}
.avia_textblock {
clear: both;
}
.avia-google-map-container {
margin-top: 20px;
margin-bottom: -10px;
}
.av-special-heading {
margin-top: 10px;
}
.av_promobox {
margin: 20px 0;
}
div .avia-table {
margin: 5px 0;
}
.phone-info {
margin: auto !important;
font-weight: bold;
line-height: 40px;
font-size: 36px;
padding: 0px 0px 10px 0px;
}
@media only screen and (max-width: 767px) {
.responsive .logo a, .responsive .logo img {
max-width: 88%;
height: auto !important;
margin-left: 0!important;
margin-top: 5px!important;
}}
@media only screen and (max-width: 767px) {
.phone-info {
margin: auto !important;
font-weight: bold;
line-height: 22px;
font-size: 18px;
}}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {
margin-top: .5em;
}
.avia-icon-list li {
padding: 0 0 10px 0;
}
.avia-icon-list-container {
margin: 0px 0;
}
.avia-section {
clear: both;
width: 100%;
float: left;
min-height: 0px;
position: static;
}
.tabcontainer {
margin: 10px 0;
position: relative;
width: 100%;
clear: both;
overflow: hidden;
background: transparent;
}
media=”all”
ul.disc, .entry-content-wrapper ul {
list-style: disc outside;
}
ul {
list-style: none outside;
margin-left: 7px;
}
ul, ol {
margin-bottom: 0px;
}
ol, ul {
list-style: none;
}
h2 {
font-size: 28px;
line-height: 1.1em;
margin-bottom: 0px;
}
.av-countdown-timer {
clear: both;
position: relative;
opacity: 0;
margin: 5px 0;
}

.widget {
clear: both;
position: relative;
padding: 10px 0 10px 0;
float: none;
}
.main_color blockquote {border-color: #e1e1e1;}
.main_color strong {color: #666666;}

@media only screen and (max-width: 767px) { .responsive #top .header_bg {
background-position: 70% 50%;
}}

Again, thanks for your response and any help you can give me with these further details.

• This reply was modified 10 years, 7 months ago by cmerzut.

It should look like (the above sample): laptophobo.com

In the incorrect (in Enfold theme) version: http://209.95.55.214/hs/helping/online-giving/
– the font and boxed donation values sizes are wrong (too small)
– the indentations are not correct
– the “last name” field should be next to the “first name” field.

Its just that the Enfold theme is interfering somehow with the the layout of this applied script.