-
Posts
-
Hi, I was given the css code for changing font style in the Style.Css but no matter what font style I enter the layout page font never changes? I tried deleting cache and shutting down the browser but still nothing.
I did enter several different styles but it made no difference so I tried different code I found online but still nothing see belowAlso when I reduce the size of my browser on Safari 8.0 The Menu items run into the Header.
I Tried font-family: "Italic";
font-family: "Verdana";
font-family: Italic;
font-family: “Italic”Hey!
What text do you want to affect exactly? have you tried in General Styling > Fonts?
Best regards,
JosueHi!
The desired font available must be available in the server first , you’d need to convert the font to @font-face format and include it in your website, here’s a good plugin to do that – https://wordpress.org/plugins/wp-font-face/
Alternatively you can simply look for a similar Google Font and include that instead, it’s a much easier process.
The menu collapsing it’s happening because of the code you have in Quick CSS, you’d need to re-factor it via media queries, for example this one will apply it only when the screen size it’s at least 1550px:
@media only screen and (min-width: 1550px) { .av-main-nav li { right: 300px; }Cheers!
JosueOk, I will just use a Google Font, Do the computers/devices that access my website need to support the Font Style I choose for it to display correctly for them or will it matter?
I removed the Quick CSS that was there and replaced it with what your supplied code from above but it did not really make any difference it is still doing the same thing. What is happening is the Two Lines of TEXT that replaced the Enfold Logo does not move or collapse at all when the window is being reduced so everything just runs into the two lines of text. The Code in the Quick CSS is for the Menu’s which are not the problem. I am guessing the two lines of text in the Style.css page needs to be adjusted so the two line of text move and collapse like I have seen on your other themes.
Hey!
Yes, that’s the purpose of Google Fonts. I’ve added some code to fix the collapsing issue, the logo should now adapt to the available space.
Best regards,
JosueJosue,
I think I got everything working now. I made some adjustments on the landing page that looks like it fixed all the issues?
I will get back to you if there are any more issues.
Thanks,
Russ
Josue,
Ok, that really works great now and that landing page looks awesome!
I just have one little issue left that I cannot figure out? When you go to the main landing page everything looks perfect but the scrolling bar is visible on the right side and if you scroll the page the header disappears off the screen. I have set that main photo to “fixed” (no Scrolling) but it still has a very little scroll left that moves that header off the page?
Russ
Josue,
Just noticed another thing, When I reduce the size of the window to a small size the two line Heading gets replaced with the Enfold Logo.
Russ
Hi!
You need to set this in the color section if you want the background to be fullscreen. The mobile logo is now fixed.
Best regards,
JosueThanks for all your work on this website.
Still some issues though.
#1 The landing page looks great on my Safari browser but on my Firefox browser all the ICONS are missing on the landing page?
#2 Do you know why there is still a scrolling bar on the landing page and when you scroll the header disappears off the page? Is there anyway to have the landing page not scroll at all and perfectly fit the page for all size windows?
I do notice when I set the Color Page to “at least 100% of browser window height” there is more room on the scrolling bar then there is
when I set it to 75% option.
- The topic ‘Font issue and Responsive issue’ is closed to new replies.