Viewing 30 posts - 1 through 30 (of 32 total)
  • Author
    Posts
  • #538541

    Hi,

    Sorry for the basic question here. Under theme options, the Heading Font options list is much longer than the Font for your body text options.

    How can I use the same font (e.g. Quicksand which is in the Heading list) as my default body text?

    Many thanks,
    H

    #538553

    * on the same subject. I used the Advanced Styling option for my Menu Font, but now the colour remains for Transparent Headings.

    e.g. My Home page is white background with Black font. I have a transparent full screen image page with black background. My Transparent menu colour is set to white but it is still black. I can’t see my menu. The Advanced Styling is overriding this setting.

    #538979
    #539875

    Thanks @Rikard, I will look into the font list. However, my solution to use the Advanced Styling option would work if it were not for the bug on Transparent Headings (I’m actually using the glossy). Can you look into this issue? Strangely the social icons do change to the transparent colour setting.

    Many thanks,
    H

    #541719

    Hi!

    can you provide us a link where we can clearly see this issue please? because we need to be able to inspect the elements in question.

    Regards,
    Andy

    #542079

    Hi @Andy,

    Thanks for the reply. The site is under dev so I will post a link in the private box below.

    Many thanks,
    H

    #542085

    Hi!

    Please insert the below css into your custom css section to adjust the main navigation font color:

    #top #header .av-main-nav > li > a .avia-menu-text {
    	color: #ffffff !important;
    }

    Best regards,
    Dake

    #542548

    Thanks @Dake but this did not work. Is this recognised as a bug?

    #543294

    Hi!

    There may be some conflicting css styling that is overwriting your settings in the advanced styling section.

    May we have temporary admin access to you website so we can take a closer look?

    Cheers!
    Dake

    #543638

    Of course, thanks for taking the time to have a look.

    *The problem arises because I want to use a different font for the main menu. That is only available in the Advanced Style Options. But in selecting this and choosing the main menu colour (blue) I lose the transparent colour setting (white).

    Details below.

    #545149

    Hey!

    I checked your social icons and they seem to display fine when scrolled and non-scrolled. Could you fix it already? If not: what exactly do you want to achieve? could you provide us some screenshots of the result please? use imgur.com or dropbox.

    Best regards,
    Andy

    #545197

    @Andy

    Thanks for taking a look Andy. I’m not concerned with the social icons (they seem to work differently and you can see them). It is the menu text colour. I am using my primary colour (blue) for the home page but you will see that on other pages where transparent or glossy header is used, the same primary colour is used. I want to be able to set this to another colour (i.e. White as per the settings, but this is ignored).

    Thanks,
    H

    #545212

    Hey!

    if you want to change menu color use this in Quick CSS field:

    span.avia-menu-text {
    color: white;
    }
    

    Best regards,
    Andy

    #545418

    Yikes, can we go back to the beginning?

    My problem is with Enfold not working as expected. Your solution above just makes the sub menus white, which means you can’t see them as they turn out to be white on white.

    Can I explain the issue: The issue arises because I am using Advanced Styling because this was the easiest way to use the Font Quicksand (size 16px).
    I set the font colour to #176e96. This displays fine on the home page. It is what I expect. A blue menu with white background.

    Despite changing the Transparency Menu Colour (under Header | Transparency Options Tab) to something else (currently #F7941E) the menu does NOT change when using a transparency header (as with most of the other pages on the site). The only thing that changes is the Social Icons. They change to #F7941E NOT the menu. The menu remains #176e96.

    I see this as a bug.

    Perhaps the solution is to go back and revisit Rikards comment above about registering additional Google fonts for Theme Options ?

    If you can give me the code for Quicksand I can put this into the functions.php in my child theme (sorry I am such a novice lol)

    I much appreciate your help and patience :)

    #546583

    Hi!

    the whole thread is quite confusing to me.

    Try this code in functions.php:

    add_filter( 'avf_google_content_font', 'avia_add_content_font');
    function avia_add_content_font($fonts)
    {
    
    $fonts['Quicksand'] = 'Quicksand';
    return $fonts;
    }
    

    Regards,
    Andy

    #549902

    @Andy,

    Thanks Andy. Confusing I know. Here it is simply put:

    1. I want to change my main menu font to the same one as I use for my main content headings (Quicksand).
    2. The main menu font seems to be set as the same font used for the main body but Quicksand is not available in the font list for “Defines the Font for your body text”
    3. Intuitively, I go to Advanced Styling and edit element “Main Menu Links” and from there I select Quicksand (it is there in the list as part of the default theme install)
    4. THIS CAUSES THE BUG WITH THE MENU COLOR ON TRANSPARENT HEADINGS
    5. What ever colour you choose for the main menu (say, blue), it remains blue on transparent headings, even though you have set the transparency colour to white.

    I hope this explains the issue better.

    The solution to change my whole body text to Quicksand with your code above fixes the issue but it would be nice to keep my main body font separate to the main menu font.

    Thank you though for your great support! Much appreciated.

    #552250

    Hey!

    sorry, but still not sure what you mean. Maybe it would help us if you highlight the issue using screenshots?

    If main menu color does not work for you in advances styling settings, then you need to use some custom css code with an !important. Send us a link, so we can take a look to inspect the elements in question and provide you support for it if needed.

    Cheers!
    Andy

    #552558

    Hi @Andy,

    It is quite simple really. Perhaps I am trying to explain it in too much detail related to my specific site.

    Having problems posting an image link here:

    Change the Advance Styling for Main Menu Links to a Font Family that is NOT on the font list for main body fonts. In this example Quicksands.
    Set the colour to a dark Blue.

    By doing this, this also changes the website main menu font colour. (So now your menu’s are Blue).

    If you then use a page with a dark transparent header image you can not see the menu because it it dark blue.

    Of course, the next option would be to change the Transparency menu color option under Header settings. Changing this colour has no effect on the menu at all – this is the bug. If you have social icons in the header (they do change to the Transparency menu color), but the menu does not.

    I hope that gives you sufficient information to reproduce the bug.

    As I say, I have been able to work around it by adding the quicksands font to the list of fonts and making it my default font. I then select default (instead of Quicksands) in order to change the menu size to 16.

    H

    • This reply was modified 8 years, 3 months ago by Cliffy.
    #552958

    By doing this, this also changes the website main menu font colour. (So now your menu’s are Blue).

    What I understand: By changing main menu color, you are changing main menu color. Hm? sorry I don’t get it.

    Having problems posting an image link here:

    But you are posting an image link, so I don’t know why you write this. Can you explain please?

    I checked link in private content again and everything with your main menu color seems to be fine for me. Please clear browser cache and hard refresh a few times.

    Cheers!
    Andy

    #554941

    I change the menu to blue – It is ALWAYS blue !!!! even on a transparent background heading (which you can’t see when the background image is dark) (even though the transparent background colour is set to white – it does not take effect, it is always blue). Try it !

    Yes, I managed to post a picture, it didn’t work first time.
    Yes, my website looks OK, because I fudged it, I worked around the bug, I spent ages getting it right. :(

    I’m just trying to help here in pointing out a bug with the theme settings, sorry if I have not explained it enough.

    H

    #555051

    Hi!

    can you provide us a link where we can clearly see this issue please? because it’s difficult to imagine it for me.

    Regards,
    Andy

    #555081

    Sorry Andy,

    I can’t have a live site running with a bug. Surely you have test sites set up? All you need to do is create a page with a transparent header with image as a background. Change the Advanced Styling for the menu to Quicksands and make it blue. Make sure the transparent colour is set to white. When you view the page, you will see that the colour has not changed.

    #555178

    Hi!

    “image as a background”? do you mean a background image set in a color section? Did you clear browser cache and hard refreshed a few times?

    Regards,
    Andy

    #555694

    Here are some screenshots to help:

    Menu with image background (the default Church Theme)
    https://cloudup.com/iLpNqEII44f

    Transparent Menu Setting (White)
    https://cloudup.com/ie4QqJ8CAaG

    Menu shown when scrolled down the screen:
    https://cloudup.com/iYFBgZGiNrQ

    Now we want to change the size of the header and change the font to Qucksands and change the colour to Blue:
    https://cloudup.com/id5sIw-k4Iy

    It works when you scroll down the screen (as expected):
    https://cloudup.com/ih0f6GmgeSR

    But not on initial page load – it should be using the Transparent menu setting and it is not:
    https://cloudup.com/ilypA6EU8G4

    I hope this helps.
    H

    • This reply was modified 8 years, 3 months ago by Cliffy. Reason: Edited again with correct image links
    #555700

    I have no idea why the images are not showing. I give up! I can see the URLs when I edit the reply but I don’t see them when I submit the post.

    #556043

    Hey!

    links you have provided always show the same images. Is this intended? not sure what you are trying to show us with those 6 images. It would be best for us if you can give us a link to a test site showing clearly what’s going on.

    Cheers!
    Andy

    #556158

    This is because I uploaded all 6 images at the same time to Cloudup instead of individually. And it seems it gave me the same URL for each image when I hit the Share Icon. I’ll use the URL from the browser.

    Look at this image. This is how enfold works by default. It doesn’t matter what the main menu colour is set to. It shows white because the transparency is set to white:
    https://cloudup.com/iLpNqEII44f

    Look at this image. The menu should STILL be WHITE because the transparancy is still set to white (it has not been changed). The only thing changed is the Advanced Menu Setting – Blue, Size 16, Quicksand font.
    https://cloudup.com/ilypA6EU8G4

    I will edit the post above with the correct image links. It’s not difficult to test this. Use your Church demo, Just change the menu colour as above in the advanced settings.

    #556431

    Hi!

    I can’t reproduce the issue, it does not happen for me. Main menu link stay white on transparent header, although I set a different color for them in advanced styling. If we can’t reproduce an issue, then we can’t do much about it.

    Regards,
    Andy

    #556534

    Did you also change the font to quicksands? (and make it size 16)

    #556550

    Hey!

    does it happen for you when using quicksand font only? not when using other fonts?

    Best regards,
    Andy

Viewing 30 posts - 1 through 30 (of 32 total)
  • You must be logged in to reply to this topic.