Cafe-Pro Question Regarding Site Title and Tagline

[Jasonewillis]

Hi! 🙂
I'm helping a family member with a site and they don't want the site title and tagline to show over the top image on the homepage. (https://t.co/znWPa1Mqsy)

I can delete the site title and tagline in the general settings but I think that would not be smart seo. There are remnants of the styled box surrounding this info.

What would be the smart way to turn this off without any negative seo and without updates affecting the change? Thank you!

Respectively,
Jason

https://t.co/znWPa1Mqsy

[Jasonewillis]

bump

[Jasonewillis]

I found the following references:
Site Title
site description

Unfortunately, it doesn't explain much. If I remove the genesis_site_title but not the genesis_seo_site_title, will this remove title display while not removing seo benefits? Same as the tagline or site description?

// Remove the site title
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
// Remove the site description
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );

Well, I tried this and it leaves a small black box with what looks like a period in the middle.

Do I now need to comment out some CSS? Will this get overwritten when the child theme is updated?

Screenshot: https://screencast.com/t/kX1hyeZNgPMW

Can someone please help me understand and/or point me in the documentation I can't seem to find?

jw

[Satwinder Rathore]

Use screen-reader-text css class to hide the site title and description. It will hide only the text.

---

Satwinder Rathore
https://satwinderrathore.wordpress.com

[Jasonewillis]

Thank you for your interest Mr. Rathore,
Unfortunately, I'm not sure "how" this in implemented. I searched and found 'screen-reader-text' within the stylesheet, but I'm not sure how this is accomplished. I would need more specific instruction. Additionally, while I'm trying to hide the text I would also need the black background to be removed as seen in my screenshot.

Jason

[Jasonewillis]

Basically, the site owner doesn't want the title-area, site-title, and site-description hovering over the homepage image. I tried this within chrome's dev tools and was able to visually see the title area, site-title and site-description disappear. When I tried on a local version, it didn't work. Not sure what I'm messing up but this is taking too long to resolve.

.title-area {
 /* background-color: #000; */
 /* border: 1px solid #fff; */
 /* box-shadow: 0px 0px 0px 10px #000; */
 display: inline-block;
 margin: 10px auto;
 text-align: center;
 text-transform: uppercase;
 width: auto;
}

.site-title {
 border-bottom: 1px solid #fff;
 font-size: 48px;
 font-size: 4.8rem;
 font-weight: 400;
 line-height: 1.2;
 padding: 8px 30px 4px;
 visibility: hidden;
}


.site-description {
 color: #fff;
 font-size: 16px;
 font-size: 1.6rem;
 font-weight: 600;
 letter-spacing: 3px;
 line-height: 1.5;
 padding: 8px 30px 10px;
 visibility: hidden;
}

I really hope I can get this resolved soon with this forum's help.

[Victor Font]

Please post a link to the site. Screen captures help to describe the issue, but are no help whatsoever in solving the problem. We need access to the live site to examine code/css. We also need to know what child theme you're using.

As for child theme updates overriding changes...child themes are never updated automatically. If an updated child theme is ever released, you will not receive any notifications. Child theme updates, if any, are always minor usually related to CSS or jQuery fixes. If you ever find that a child theme has been updated and you believe the changes are compelling enough to update your site, the update process is a manual compare, cut, and paste exercise.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Jasonewillis]

Mr. Font,
The child theme is Cafe-Pro. I did place this information in the post title, but I guess I should have also placed in the post itself.
The site is on my local machine.
The code tweaks are below. These tweaks have hidden css styles and removed title and description. Once I deleted the cache, this also helped. So, now that the site title, description, and style isn't hovering over the image, will removing 'genesis_seo_site_description' be a negative seo choice? I'm not trying to negatively affect seo.

Functions.php
// Remove the site title
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
// Remove the site description
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );

Stylesheet.css

.title-area {

/* background-color: #000; */

/* border: 1px solid #fff; */

/* box-shadow: 0px 0px 0px 10px #000; */

display: inline-block;

margin: 10px auto;

text-align: center;

text-transform: uppercase;

width: auto;
}

.site-title {

border-bottom: 1px solid #fff;

font-size: 48px;

font-size: 4.8rem;

font-weight: 400;

line-height: 1.2;

padding: 8px 30px 4px;

visibility: hidden;
}


.site-description {

color: #fff;

font-size: 16px;

font-size: 1.6rem;

font-weight: 600;

letter-spacing: 3px;

line-height: 1.5;

padding: 8px 30px 10px;

visibility: hidden;
}

[Author]

Posts