Tagged: Colour section, page width
-
AuthorPosts
-
June 11, 2020 at 9:27 pm #1221896
Hi, a couple of different questions:
1) PAGE WIDTH
I used to have my website Maximum Container width set as 1310px
and I used to use color section with ID # with this attribute:{ max-width: 1500px; padding-left: 20px; padding-right: 20px; margin: 0; margin-bottom:0px!important; }
But since I noticed that in some very wide screen this color section is not centered but stayed on the left, I found the only solution is to set Maximum Container width as 1400px and delete that ID at the color section.
Only problem now is that some pages of the website are not as I liked with 1400px.
Is there a way to centered that particular ID # (or to specify page by page the width – but this will cost me a lot of time)?2) HOME H1
even though I set to display title and breadcrumbs, home page doesnt show anything and if I manually insert a H1 in the home then WP yoast tells me that there are two H1. Only way is to not write any H1 in the home, but I dont think is a good thing for google….June 16, 2020 at 3:09 pm #1223058Hey phoenixdivers-kohlanta,
Could you please attach some screenshots of the issue?
Best regards,
VictoriaJune 18, 2020 at 7:24 pm #1223867See attached , thanks
At the moment you cant see it online because I removed that code and put 1400 as previously explained.
Tell me if you need me to restore the css.Cheers
June 18, 2020 at 7:36 pm #1223868what can we expect from a
margin : 0 ?the default setting is f.e:
.avia-section .container { position: relative; max-width: 1310px; width: 100%; margin: 0 auto; padding: 0px 50px; clear: both; }
the margin : 0 auto
means that it has top/bottom 0
and left/right auto – so it centers itself – a margin 0 on that would cause a left margin of 0 because the container is not allowed to grow.June 19, 2020 at 7:47 am #1223972Hi,
Thanks for helping out @guenni007, did you try adjusting your CSS @phoenixdivers-kohlanta?
Best regards,
RikardJune 21, 2020 at 6:26 am #1224366in other words – css has agreed to shorten the specifications for many of the properties.
Sizes that can be set to four settings because an up/down – left/right exists is as follows:2 values instead of 4:
margin: 0 auto; /*** on the following that is interpretation of the given short form ***/ margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto;
so two values if there could be 4 means that we have same values for top/bottom and right/left
3 values :margin: 0 auto 30px; margin-top: 0px; margin-right: auto; margin-bottom: 30px; margin-left: auto;
you see the values are set clockwise beginning from top value: top, right, bottom, left
Values that refer to corners starts top-left and then clockwise:
border-radius: 2px 3px 4px 5px; border-top-left-radius: 2px; border-top-right-radius: 3px; border-bottom-right-radius: 4px; border-bottom-left-radius: 5px;
on hex-color settings there is only if the value inside a color-channel is the same you can not it f.e.:
#33FF22 short to : #3F2
Thats all so if you have white : #FFFFFF this is the only shortform for it : #FFF
etc. pp:
for your setting above:.custom-class .container { max-width: 1500px; padding-left: 0 20px; /** maybe here is an !important necessary **/ margin: 0 auto; /** this is standard value - no need to change it **/ }
you can see here a brilliant list of css settings : https://tympanus.net/codrops/css_reference/
June 22, 2020 at 7:53 am #1224492Ok great, I’ll try and I let you know!
Thanks GuenniAbout the h1?
CheersJune 26, 2020 at 1:05 pm #1225797Hi,
2) HOME H1
even though I set to display title and breadcrumbs, home page doesnt show anything and if I manually insert a H1 in the home then WP yoast tells me that there are two H1. Only way is to not write any H1 in the home, but I dont think is a good thing for google….An h1 tag is already added in the first text block, which is why the plugin detects duplicate headings. Did you add any custom fields in the home page? It’s possible that the custom field header_title_bar , which controls the visibility of the title and breadcrumb, is not set properly.
Try to enable the custom fields in the page, look for the header_title_bar field and set it to title_bar_breadcrumb.
Best regards,
IsmaelJune 26, 2020 at 6:53 pm #1225967Hi Ismael
Yes I know an H1 is in the text box. I put it because the title could not appear. I thought it’s a feature of the home page.
Actually, since couple of month ago yoast didnt shoe me this error.And yes I set up manually the custom fields in the page, same result.
I put in private my admin acces.Even more strange, if you check the other languages, I replaced that text tag h1 in the english page with a special title h1 and yoast doesnt show the error.
thanks again.
June 29, 2020 at 10:54 am #1226359Hi,
Thank you for the update.
There were other “header” custom fields which contain the value “no”, so we removed them and replaced the value of the actual “header” field. The title and breadcrumb is now displaying properly.
Best regards,
IsmaelJune 29, 2020 at 7:12 pm #1226547Perfect Ismael! Super!
I noticed that now the permalink of homepage is not anymorebut with the title ofter that.
How can I change it back?
cheersJune 30, 2020 at 4:38 pm #1226804Hi phoenixdivers-kohlanta,
Can you please explain a bit more what you mean by that?
Could you please attach some screenshots of the issue?
Best regards,
VictoriaJune 30, 2020 at 5:01 pm #1226827As you can seen from the screenshot:
now:
permalink with a slugBefore:
only website url since it is the home pageSuper thanks
June 30, 2020 at 5:26 pm #1226847Hiphoenixdivers-kohlanta ,
I am getting the normal website URL, without the permalink shown in the screenshot.
Can you tell us how to reproduce the issue?
Best regards,
VictoriaJune 30, 2020 at 5:52 pm #1226864I give you access in private to check from the page editor
July 5, 2020 at 9:12 pm #1228086Hi,
Thank you for the update.
The URL of the home page is the same. Do you want to use the actual permalink of the page as home page? You might need to do a 301 redirect using a plugin, but we don’t really see the point of doing that.
// https://www.wpbeginner.com/beginners-guide/beginners-guide-to-creating-redirects-in-wordpress/
Best regards,
IsmaelJuly 11, 2020 at 7:49 pm #1229698yes when browsing the page the url is the same.
so why when editing the page I see that long long slug?Thanks
July 14, 2020 at 2:26 pm #1230312Moreover
I check now the other language home url and goggle now cannot find anymore the respective page:
phoenixdivers-kohlanta.com/fr/
phoenixdivers-kohlanta.com/it/
phoenixdivers-kohlanta.com/de/
phoenixdivers-kohlanta.com/es/like they were before.
Any suggestions?
July 15, 2020 at 12:05 pm #1230571Hi,
Thank you for the update.
so why when editing the page I see that long long slug?
By default, WordPress sets the default permalink or URL of the page or post based on its title. It doesn’t matter if the page is set as front or home page. If you want to change the URL, you have to edit it manually.
Best regards,
IsmaelJuly 15, 2020 at 4:25 pm #1230640Thanks
but normally I set up on the “slug” what I like to be seen as permalink
and I normally left the home page with no slugThis always worked before but recently something happened and I’m not able to do anymore like that for home pages.
July 16, 2020 at 8:38 am #1230857Hi!
but normally I set up on the “slug” what I like to be seen as permalink
Is this before or after you created a page or post? You can only edit or assign custom permalink after creating the page or post.
and I normally left the home page with no slug
You could edit the post and change the permalink manually. Make sure that the URL is unique, so it doesn’t conflict with other URLs. It might take a while, maybe weeks or month, before these changes reflect in Google console.
You can also ask Google to re-crawl or re-index the site if necessary.
// https://support.google.com/webmasters/answer/6065812?hl=en
Crawling can take anywhere from a few days to a few weeks. Be patient and monitor progress using either the Index Status report or the URL Inspection tool.
All methods described here have about the same response time.
There is a quota for submitting individual URLs.
Requesting a recrawl multiple times for the same URL or sitemap won’t get it crawled any faster.Regards,
IsmaelJuly 16, 2020 at 11:02 am #1230873Always, after creating a page, I was able to change the slug
And I am still able
As you said, for the home I was able to leave it blank and so the other language page became like that:
phoenixdivers-kohlanta.com/fr/
phoenixdivers-kohlanta.com/it/
phoenixdivers-kohlanta.com/de/
phoenixdivers-kohlanta.com/es/Now, even though I leave it blank, ONLY the english main home page still behaves like that, while other language ones or automatically put the page title or I must insert something.
July 16, 2020 at 12:21 pm #1230893Hi,
The permalink of the home page is not editable because Polylang has to set the permalinks automatically to properly redirect each language to their respective front pages. You might have to set the Home page for each language in the Settings > Reading panel. (see private field)
And if you don’t want to see the post or page title in the URL of the front page, enable the “The front page url contains the language code instead of the page name or page id” option in the Languages > Settings panel
Best regards,
IsmaelJuly 16, 2020 at 1:03 pm #1230897Hi,
thanks.
Now everything is like it used to be.
I guess with some update something changed.
Thanks a lotJuly 17, 2020 at 8:28 am #1231132 -
AuthorPosts
- The topic ‘Colour section layout problem in very wide screen and h1 problem in home page’ is closed to new replies.