ephaemera

Hi Jackstiner,

Yes, I see that since the page header is gone, you’ve got a strip of photo with the logo mashed up to the top of the page. Here’s something you can do:

Line 3166 of your stylesheet contains code that controls the margins of your hero image. In your customizer, try this code:

.site-header .site-title-wrapper {
float: left;
margin: 140px 0 200px 15px;
}

This will add some space above your logo and make your hero visible. You can adjust these numbers to something you like better, if you want. (LMK if you have trouble with the CSS for this.)

Since your nav is at the bottom of the hero now, the underline for the active page is less effective. So you could do something like the following (this is adjusted from line 2131 of your stylesheet…watch your media queries!):

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current_page_parent > a, .main-navigation .current-menu-ancestor > a {
border-bottom-color: none;
font-weight: 700;
color: white;
}

Give some of this a try, adjust to taste, and LMK if questions.

Hi ndrewebdev,

Sounds like what you need is a child theme. With a child theme, you can override both original, parent theme and plugin code without theme and plugin updates wiping out your changes.

You can find an overview of child theme development here: https://codex.www.ads-software.com/Child_Themes

Note also that you’ll need to keep the parent theme installed so your child theme will work, since you’re overriding only selected bits of code. The codex is pretty straightforward, but if you have any problems or questions, let me know and I’ll try to walk you through it.

Hi ackstiner,

On line 3235 of your theme stylesheet is this block of code, which is creating the page header you want to remove:

.site-header .page-title-container .page-title {
color: white;
margin-bottom: 0;
text-align: center;
font-family: “Raleway”, “Open Sans”, “Helvetica Neue”, “Helvetica”, Helvetica, Arial, sans-serif;
font-weight: 400;
text-transform: uppercase;
}

In the Additional CSS section of your theme customizer, try entering the following code:

.site-header .page-title-container .page-title {
display: none;
}

This will remove the page header. I recommend not doing this directly on your stylesheet, since theme updates will override your code.

LMK if questions.

Hi visvang,

Take a look at this page to see if it will help you address your problem:

https://churchthemes.com/page-didnt-load-google-maps-correctly/

From the console, I can see that a) you’ve included the API multiple times on the page and b) the correct API is possibly not active in your account.

Hope this helps.

Hi Ilan,

Try entering this in the Custom CSS box of your theme customizer:

#content .button {
display:none;
}

Then check your theme to make sure that it’s not removing these buttons from any area you might want to keep them.

LMK if you need more info.

Hi alymca,

In the block of css starting on line 118 of your general.css file, your button height is set to 35px.

button, input[type="button"], input[type="reset"], input[type="submit"] { /* 118 */
    cursor: pointer;
    height: 35px;
    -webkit-appearance: button;
    font-size: 14px;
    background: transparent;
    letter-spacing: 1px;
    border: 1px;
    text-transform: uppercase;
}

Try changing it to at least 70px and see if it fixes this for you.

button, input[type="button"], input[type="reset"], input[type="submit"] { /* 118 */
    cursor: pointer;
    height: 70px;      /* changed from 35px */
    -webkit-appearance: button;
    font-size: 14px;
    background: transparent;
    letter-spacing: 1px;
    border: 1px;
    text-transform: uppercase;
}

LMK if this helps.

• This reply was modified 6 years, 8 months ago by Steven Stern (sterndata).
• This reply was modified 6 years, 8 months ago by Steven Stern (sterndata).

Kewl! Think I’ll check it out myself…

Hi Saranee,

On line 12 of blue.css is this code:

#branding ul.menu li, #branding #access-secondary ul.menu li { /* blue.css 12 */
border-left: 1px solid #1b4266;
}

If you change #1b4266 to #6ea8eb, you’ll get this, which will blend the borders into the background:

#branding ul.menu li, #branding #access-secondary ul.menu li { /* blue.css 12 */
border-left: 1px solid #6ea8eb;
}

Now, for the secondary hover menu issue. It appears that you have the following somewhere in your custom css:

#access ul.menu li:hover > a, #access ul.menu a:focus, #access-secondary ul.menu li:hover > a, #access-secondary ul.menu a:focus, #access-footer ul.menu a:hover, #access-footer ul.menu a:focus {/* custom-css 135 */
background: #e6eaed;
background: -moz-linear-gradient(#e4eff7, #e4eff7);
background: -o-linear-gradient(#e4eff7, #e4eff7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4eff7), to(#e4eff7));
background: -webkit-linear-gradient(#e4eff7, #e4eff7);
color: #373737;
}

Of all of these, only background: -webkit-linear-gradient(#e4eff7, #e4eff7); is active when I inspect element. In your customizer, you could enter something like the following, changing the gradient background and font color as desired:

#access ul.menu li:hover > a, #access ul.menu a:focus, #access-secondary ul.menu li:hover > a, #access-secondary ul.menu a:focus, #access-footer ul.menu a:hover, #access-footer ul.menu a:focus {/* custom-css 135 */
background: #e6eaed;
background: -moz-linear-gradient(#e4eff7, #e4eff7);
background: -o-linear-gradient(#e4eff7, #e4eff7);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e4eff7), to(#e4eff7));
background: -webkit-linear-gradient(#e4eff7, #e4eff7);
color: #373737 !important;
}

I normally don’t advocate using !important too frequently, but this might get you started until you can integrate this code into your child theme stylesheet without it being overriden somewhere else and without using !important. (It’s a bit eyewatering to do this all via Inspect Element without being able to access the stylesheet(s) directly!).

LMK if this helps.

Hi Saranee,

I’ll take a look at it tomorrow morning for you.

Till then…

Hi Saranee,

On line 900 of your stylesheet is this code:

.page-header, .breadcrumbs {
background-color: #fff;
border-bottom: 2px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
}

You can add the following to the bottom of the block:

display: none;

It will then look like this:

.page-header, .breadcrumbs {
background-color: #fff;
border-bottom: 2px solid #ccc;
-moz-border-radius: 5px;
border-radius: 5px;
display: none;
}

You could add this code either in your customizer or in your stylesheet. (Of course, if you want to keep your breadcrumbs, you could omit .breadcrumbs from the above.)

LMK if questions.

Hi nipnic,

Maybe take a look at Twenty Seventeen (https://www.ads-software.com/themes/twentyseventeen/)…this might work out for you.

Hi Lalit,

You can find the free version of a plugin for this in the WP plugin depository: https://www.ads-software.com/plugins/swiper-slider-and-carousel/

The plugin in the WP depository is the free version, as I mentioned. The version you probably want is available via the PRO DEMO and features link (https://www.wponlinesupport.com/wp-plugin/swiper-slider-carousel/), and it costs $10+. (I’m assuming you’re doing this for one client site, so if you use this, it should cost you $10 for one site.)

Clicking on the VIEW PRO DEMO button will take you here: https://demo.wponlinesupport.com/prodemo/pro-swiper-slider-and-carousel/#demo-page-id

Click on Swiper Carousel, the example in the middle, and it will take you to a page full of options. Carousel Center Mode, which is the third example down on this page (https://demo.wponlinesupport.com/prodemo/pro-swiper-slider-and-carousel/swiper-slider-carousel/), seems to be the one you want.

LMK if more questions.

Hi msualumni33,

Try this:

In your theme’s customizer (you’re using Evolve, correct?), go to styling > menu, then go down to the bottom of that frame until you find ‘Menu hover font color.’ Click on ‘select color,’ then enter the hex code you used for your main menu items, or whatever hover color you’d like.

Does this answer your question? LMK if this helps.

Hi hegersoft,

I’m seeing this code as an inline style (from your customizer, maybe?) when I inspect element:

body {
color: #1D1D1D;
background-color: #1D1D1D;
}

The background-color seems to be creating that little gray strip along the top of your site. So in your customizer, try entering this:

body {
background-color: #000;
}

The original code for this topbar is as follows:

#topbar {
background-color: #FFFFFF;
border-bottom-color: #ebebeb;
}

So if changing the color in the customizer doesn’t work with my first suggestion, maybe try the code below in the customizer (or your stylesheet) instead:

#topbar {
background-color: #000;
}

LMK if this helps.

Hi rafiseo,

I didn’t see your request in the Colormag theme forum, so I’ll answer it here for you.

You’ll need to create a child theme, because solving this problem involves altering a template file that could be overwritten in the course of a theme update.

There are a couple of ways to approach this. The first way involves a child theme plugin and very little coding, and the second way involves creating a child theme from scratch. Either way, you’ll need some type of plain text editor.

If you go the child theme plugin route, you can try Child Theme Configurator by Lilaea Media. (If you use this and need more info, reply to my answer and I’ll walk you through it.) Basically, what you want to do is find your content-single.php file and remove your h1 entry-header from it, but I recommend that you comment it out on your template file rather than delete it entirely. See below:

<header class=”entry-header”>
<!–
<h1 class=”entry-title”>
<?php the_title(); ?>
</h1>
–>
</header>

You’ll still have the blog post title on your archive.php file, so when you look at a page of blog posts on your site, the titles will be visible, but when you go to an individual blog post, no title will be visible until you write one in the post itself.

If you’d prefer to build a child theme from scratch, take a look at the Codex here: https://codex.www.ads-software.com/Child_Themes

Again, if you’re unfamiliar with how to do this, reply to my answer, and I’ll try to walk you through it or provide resources to help you out. I’m unaware of how much you know about this, and I don’t want to waste your time with unnecessary information.

LMK if this is helpful to you.