Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 8, 2020 at 2:29 pm #1220474
    sizzler65

    Hello,

    I am working on the website footer using Enfold child theme and have a navigation menu widget in column 2. How do I increase the font size of the ‘Featured links’ menu items to match my ‘Contact’ address details (text widget) in column 1?

    Please can you provide the CSS code. Have not been able to find the answer on the forum.

    Also, the navigation menu is using custom link(s). How can you get a custom link to open in a new tab? There is no option to select in Appearance>Menus>Custom Links settings that I can find.

    Thank you

    June 9, 2020 at 9:04 am #1220772
    Rikard

    Hey sizzler65,

    Please try the following in Quick CSS under Enfold->General Styling:

    #footer #menu-featuredl-links li a {
    font-size: 18px;
}

    Best regards,
    Rikard

    June 9, 2020 at 10:05 am #1220804
    sizzler65

    Thank you, that works. Is there any way that I can fine tune the line spacing and/or the space after the column heading to get everything lined up better? For example, to get the text baseline the same for the first line of text in each column.

    There was also my second query please:
    “the navigation menu is using custom link(s). How can you get a custom link to open in a new tab? There is no option to select in Appearance>Menus>Custom Links settings that I can find.”

    Thanks for your time and quick response.

    June 10, 2020 at 7:09 am #1221069
    Rikard

    Hi,

    Thanks for the update. The widget content looks lined up on my end, maybe that the middle one could come up a bit, is that what you are referring to? If not then please try to explain a bit further or post a screenshot of what you would like to change.

    You can set links to open in new tabs under Appearance->Menus, if you can’t see the option in question then please activate it under Screen Options in the top right hand corner of the screen. Look for the Link Target option.

    Best regards,
    Rikard

    June 10, 2020 at 12:11 pm #1221160
    sizzler65

    Hi,

    Yes, the spacing query is about moving the middle one up a bit. Is this possible?

    The screen options and Link Target solved my links query. Thanks for that, as I never realised the advanced menu properties were located there.

    Best wishes.

    June 11, 2020 at 7:04 am #1221544
    Rikard

    Hi,

    Thanks for the update. Please try this in Quick CSS to bring the middle menu up at bit:

    @media only screen and (min-width: 768px) {
#footer #nav_menu-3 h3.widgettitle {
    margin-bottom: 10px;
}
}

    Best regards,
    Rikard

    June 11, 2020 at 10:42 am #1221607
    sizzler65

    Thank you very much. That all works perfectly. Please consider this query solved. :)

    June 11, 2020 at 4:46 pm #1221780
    Victoria

    Hi sizzler65,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘FOOTER navigation menu – font size’ is closed to new replies.