- This topic has 13 replies, 4 voices, and was last updated 3 years, 2 months ago by linuxwolf.
-
AuthorPosts
-
January 4, 2021 at 10:19 am #1605343linuxwolf
Hi, I have two questions,
1. How can I decrease the breadcrumb font size?2. I also want to a show align the breadcrumb, title, date in the same equal line. If you see my post, the breadcrumb and date line is a little bit outer than the Post title. It looks like the title is a little inside the line so it is not showing equally written like in alignment to breadcrumb and date.
January 4, 2021 at 3:13 pm #1605611DavidStaffCustomer SupportHi there,
1. You can use this CSS:
.rank-math-breadcrumb a, .rank-math-breadcrumb span { color: #000; }
2. The alignment is the same, what your seeing is the difference in spacing for the larger title font. If you want you can add a little padding to the meta to move it to the right:
.single-post .entry-meta { padding-left: 2px; }
January 4, 2021 at 9:10 pm #1605859linuxwolfHello David,
Thanks for the answer.1st css didn’t work just changed color only.
2nd CSS worked and align the title with the date below it.
I do not need to change the breadcrumb font size now, but I want to align the breadcrumbs text with the date and title text. How can I do it now?
January 4, 2021 at 9:28 pm #1605876ElvinStaffCustomer SupportHi,
I do not need to change the breadcrumb font size now, but I want to align the breadcrumbs text with the date and title text. How can I do it now?
The 2 elements slightly not aligned because there’s a CSS that is adding this:
.single-post .entry-meta { padding-left: 3px; }
That said, we either completely remove this so they align.
Or we keep this padding for entry meta also add
padding-left: 3px;
to the breadcrumbs by adding this CSS:nav.rank-math-breadcrumb { padding-left: 3px; }
January 4, 2021 at 10:02 pm #1605898linuxwolfHello Elvin,
Thank you for your answer. That is really helpful..single-post .entry-meta {
padding-left: 3px;
}seems working fine without any extra css code. I think it’s me who is seeing the difference but there’s no alignment difference now. I’ll check on another computer also if it is not working I’ll let you know. Thanks, David and Elvin for the Help.
January 4, 2021 at 10:28 pm #1605916linuxwolfGuys, I am seriously facing an alignment issue.
Look at my site homepage, the category, archives, etc. The title is not aligned with the pics below it.
January 5, 2021 at 6:03 am #1606379DavidStaffCustomer SupportSee image:
This is a screenshot of from the Browser developer tools, red line added to show the alignment is correct. The spacing is related to the Open Sans font you’re using. The site you keep referencing is not using Open Sans, its just using the System Stack fonts.
January 5, 2021 at 6:13 am #1606390linuxwolfWhat should I do?
January 5, 2021 at 7:53 am #1606739DavidStaffCustomer SupportWell the issue you’re having is related to the Open Sans font, you can change the font to see if that improves. The site you referenced, uses the System Stack font, which simply uses the devices local font.
January 5, 2021 at 10:02 am #1606921linuxwolfNo sir, Changing font is not helping, it seems I can smaller the picture as in the site I had ref.
January 6, 2021 at 2:14 am #1607637DavidStaffCustomer SupportJanuary 6, 2021 at 10:56 am #1608392linuxwolfHello David.
Thank you for replying with such a helpful answer. I have changed my fonts because of this issue.One last request#
I have shared the screenshot from mobile device.
How can I align that to main title in both mobile and desktop view?January 6, 2021 at 2:52 pm #1608629LeoStaffCustomer SupportCan you open a new topic for the separate question?
Thanks 🙂
January 6, 2021 at 11:34 pm #1608928linuxwolfDone, You may close this thread here.
-
AuthorPosts
- You must be logged in to reply to this topic.