-
AuthorPosts
-
August 27, 2017 at 3:16 pm #844532
Hi Kriesi Team!
A while back you gave me some CSS short code to reduce the font size for my post titles that feature in various pages. I noticed that I hadn’t updated my Home page and Blog page with this code, the text still appearing overly large.
When I applied the CSS code, to my Home page it worked (as have all my other pages) but not for the Blog page. I’d love any help to reduce this font to 16 as now that I have more posts, I’d like to create rows of four posts instead of 3 but with the font so large it won’t look right.I’ll enclose login etc below
Kind regards,
Peter.
August 28, 2017 at 8:29 am #844722Hey Pirlyxyz,
Thanks for using our theme!
I have checked your site and it looks normal: http://prntscr.com/gdvr4c -> which title is very big?
Best regards,
John TorvikAugust 29, 2017 at 11:01 am #845275Hi John,
Thanks for replying so quickly.
I managed to find a snippet of CSS code in a previous thread that has worked. Sorry I was unable to update you before replying.I do, however, have another issue that I noticed only yesterday – when I view my site on my Chromebook, the navbar menu eclipses my Logo. It looks really unprofessional! I’ve been meaning to reduce the size of my logo but ideally I want to add another page or two to my menu and believe this will lead to the same results.
Is there anyway to position my logo above the navbar at all or can you suggest another solution??
Kind regards,
Peter.August 29, 2017 at 11:32 am #845283you can do the positioning via Enfold – Header – Menu and Logo Position: there you can choose the option Logo center menu below.
Or you can try to influence the parameters for your header layout be:
Well first of all i would deminish a bit your Menu font-size from 15 to 14 and change a bit the padding.
Because your Menu is very big (witdth):#top #header .av-main-nav > li > a { font-size: 14px; padding: 0 11px; }
than you can change the break-point where the mobile menu starts through media query rule:
(i do put those media querries allway on the bottom of my quick css)@media only screen and (max-width: 1070px) { .container #advanced_menu_toggle, #advanced_menu_hide { display: block; } .main_menu .avia-menu, #header_main_alternate, .fallback_menu { display: none; } }
Or maybe it is an opportunity to have a top navigation with less informative context (like imprint or about etc.)
- This reply was modified 7 years, 3 months ago by Guenni007.
August 29, 2017 at 12:40 pm #845302Thank you!
This has had the exact effect I was after
Kind regards,
Peter.August 30, 2017 at 5:54 pm #845892Hi,
Glad @Guenni007 could help! Let us know if you have any other questions or issues :)
@Guenni007 Thanks as always :)Best regards,
Yigit -
AuthorPosts
- The topic ‘Reducing font size for pages’ is closed to new replies.