Forum Replies Created
-
AuthorPosts
-
Looking through “view source” it looks like there are not two H1’s for the headline.
The item I enter in the place WordPress provides for page headlines is hidden from the code.
I am concerned though if Google will recognize my H1 that I put in content as the headline for the page for SEO purposes.
This would appear to your headline code as seen in view source:
<header class=”entry-content-header”></header><div class=”entry-content” itemprop=”text” ><h1>Commissioned Art to Your Specifications</h1>
For this to appear, I entered at the top of the body content was just:
<h1>Commissioned Art to Your Specifications</h1>here: http://www.bertaart.com/commissioned-art/
for H2 view-source:http://www.bertaart.com/workshops/
<h2>Next DownTown Los Angeles Painting Classes</h2>
is in view source just
<h2>Next DownTown Los Angeles Painting Classes</h2>On BoomerTechTalk.com which uses the standard entry to the place for the WordPress Headline I get:
<h1 class=”entry-title” itemprop=”headline”>Linda Sherman</h1> at the top of the about page for Linda Sherman,I have to talk to an SEO expert to find out if this is hurting us or not. We have definitely been having SEO issues with this site. It should be performing better than it is.
But if I were to try to enable your “title” so that the Page would use the entry in the standard place for WordPress headlines. I don’t think the code that was previously suggested here would work or would it?
You gave me:
h1.your-custom-class { color: orange; font-size: 20px; }
Does this mean I am to put my own name for the custom class. I need to set that up somewhere, right?
I just want to make sure you don’t think I have an issue with how the H1’s look in the content. They look fine.
But when I enable “titles” to be seen with your settings options, they have no style.I tried rewriting my request to be more clear. I made it clear to only look at the top section of the screenshots page.
What I am trying to find out is if the Enfold theme handles headlines for Pages in an unusual manner. I am accustomed to simply entering the headline in the place provided by WordPress and having those headlines show up at the top of the page.
Normally on both posts and pages, what is written in the WordPress place allocated for headlines, shows up as an H1 for the purposes of SEO.
I am trying to clarify if that is neither the default on Enfold nor one of the options in settings for Pages (not posts, I realize they are handled differently)
Here is what I mean by the place allocated for WordPress headlines in this screenshot from the Enfold theme for BertaArt: please see
Here is an example in a more standard theme for entering the headline and how it appears at the top of the page after being entered.
Please see the same screenshots blog post.It appears that my predecessor decided not to use standard WordPress headlines, choosing “hide title and breadcrumbs” in the Enfold theme settings and put the H1 as HTML code at the top of each body content in pages.
This is only a factor for Pages. The layout for the blog is DOES use the WordPress headline.
I am concerned this methodology is creating a double H1 for Google on the Pages in this website. That is because I do have to put something in the place where the headline should go just to manage the page names in the WordPress dashboard.
This is what happens if I elect to “display only title” The font is not showing as H1. I tried selecting this option both on the header page options for Enfold settings and the options on the sidebar of the page.
Screenshot in same blog post aboveThis is everything currently in Quick CSS. You can see that there is a setting for H1’s and it works in the content body.
h1 {font-size: 26px; line-height: 1.1em; margin-bottom: 10px;} h2 {font-size: 22px; line-height: 1.1em; margin-bottom: 8px; } h3 {font-size: 16px; line-height: 1.1em; margin-bottom: 6px;} h4 {font-size: 16px; line-height: 1.1em; } p { font-size: 1.1em;} .responsive #top #main .sidebar { display: block !important; } #top .avia-post-nav { display: none; } .small-preview {background: none !important;} .html_bottom_nav_header.html_logo_center #top #menu-item-search>a { border-color: #fff;} .socialmedia-buttons {margin-top: 13px;} .main_color h1 {color: #439AC7;} #top h2 a {color:#439ac7;} .wp-caption-text { display:block !important; font-size:14px !important; font-style:bold !important; font-style:italic !important; margin:0 auto !important; padding:3px 10px 5px !important; text-align:center !important; font-family: “Verdana”, arial, sans-serif !important; }
Let me try cleaning up the enfold screenshots page so that you only look at my current issue.
I will let you know when I am done.Thank you very much Andy. It didn’t work. But I decided to keep the sidebar border. Thank you very much.
I think I should start a new topic for my next question so you can close this.
Thank you!
Thank you Ricard! I tried that. It didn’t work. But I finally found the header settings in the Enfold settings.
Now I am rid of that Quick CSS block code of completely
After trying one with shadows, I ended up with “minimal” which gave me what I wanted.
Lots of screen shots and details here: http://asklindasherman.com/enfold-screenshots/
One more thing:
I’d like to get rid of the vertical hairline between the sidebar and the main content. Is there an Enfold setting for that? If not some Quick CSS code?
- This reply was modified 8 years ago by LindaSherman. Reason: typo fix
I have compared before and after removing the block of border code. Without the block of border code, there are lines around navigation. Please see the article linked below I created to show you what happens with a screen shot.
Clara has a high priority for speed and lack of errors in the world of Google. I want to remove unneeded code and errors generated by the theme and still have the site look beautiful.
Can I replace the large block of code with something simple? Addressing these two issues – first the navigation buttons separately would be best.
Is there an easy way to send you screen shots? Can they be tiff’s? I am using Apple Grab. I decided I can put the screen shots on a webpage and share them with you that way. The multiple screen shot post that I created.
- This reply was modified 8 years ago by LindaSherman. Reason: I removed "The spacing for the floating Warfare sharing buttons on the left has been lost." because I realized this is just a result of opening the page wider or narrower on the website browser
Thank you so much Rikard!
I will experiment with removing it. For one thing when I try to use “inspect element” with FireBug, it usually gets lost in this morass.
Please leave this open for my reply.
December 4, 2016 at 1:55 am in reply to: Remove Blog Previous Post Floating Arrow on Left Side of Site #720118I tried the first suggested solution:
#top .avia-post-nav { display: none; }
It took a while for the cache to release but it worked! Thank you!
- This reply was modified 8 years ago by LindaSherman. Reason: it took a while for the cache to release. working now. thank you
thank you!
Added to Quick CSS
It worked!!
====
I inherited this website with the Enfold theme,
This is at the top of Quick CSS.
Is this here by default? Can I delete it?
.header_color, .header_color div, .header_color header, .header_color main, .header_color aside, .header_color footer, .header_color article, .header_color nav, .header_color section, .header_color span, .header_color applet, .header_color object, .header_color iframe, .header_color h1, .header_color h2, .header_color h3, .header_color h4, .header_color h5, .header_color h6, .header_color p, .header_color blockquote, .header_color pre, .header_color a, .header_color abbr, .header_color acronym, .header_color address, .header_color big, .header_color cite, .header_color code, .header_color del, .header_color dfn, .header_color em, .header_color img, .header_color ins, .header_color kbd, .header_color q, .header_color s, .header_color samp, .header_color small, .header_color strike, .header_color strong, .header_color sub, .header_color sup, .header_color tt, .header_color var, .header_color b, .header_color u, .header_color i, .header_color center, .header_color dl, .header_color dt, .header_color dd, .header_color ol, .header_color ul, .header_color li, .header_color fieldset, .header_color form, .header_color label, .header_color legend, .header_color table, .header_color caption, .header_color tbody, .header_color tfoot, .header_color thead, .header_color tr, .header_color th, .header_color td, .header_color article, .header_color aside, .header_color canvas, .header_color details, .header_color embed, .header_color figure, .header_color fieldset, .header_color figcaption, .header_color footer, .header_color header, .header_color hgroup, .header_color menu, .header_color nav, .header_color output, .header_color ruby, .header_color section, .header_color summary, .header_color time, .header_color mark, .header_color audio, .header_color video, #top .header_color .pullquote_boxed, .responsive #top .header_color .avia-testimonial, .responsive #top.avia-blank #main .header_color.container_wrap:first-child, #top .header_color.fullsize .template-blog .post_delimiter, .header_color .related_posts.av-related-style-full a {
border-color: #ffffff;
}=====
Except for the last few lines it looks very vanilla. I don’t want “related posts” being delivered from tags on the site, I see this is mentioned here. -
AuthorPosts