Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 23, 2022 at 7:57 pm #1366180
    markpay10

    Hello
    Can you help me to set up a css for allowing me to set open by increments the type for both body copy and headings?
    You helped me some time agio with doing the same thing with another website but I cant remember how you set up the css and where it goes on the site.
    The url below just goes to the basic work I have done so far. If you mouse over the menu the drop down menus I would like to be set open like the main menu item. Also I would like to set opn the text in the body and the headings if possible…. not the script.

    Love the Enfold theme, I have used it so much.

    Thank you.

    September 24, 2022 at 3:00 pm #1366201
    Mike

    Hey markpay10,
    Thank you for your question, but I don’t think that I understand what you would like to achieve.
    I went to your website and mouse-over your menu and sub-menu items and see that the color of the text changes, so do you want your body text and the headings to also do this?
    If so Please try this code in the Enfold Theme Options ▸ General Styling ▸ Quick CSS field field

    #top #wrap_all .all_colors h1:hover,
#top #wrap_all .all_colors h2:hover,
#top #wrap_all .all_colors h3:hover,
#top #wrap_all .all_colors h4:hover,
#top #wrap_all .all_colors h5:hover,
#top #wrap_all .all_colors h6:hover,
#top #wrap_all .all_colors p:hover,
#top #wrap_all .all_colors span:hover{
    color: #b3d5cd;
}

    After applying the css, please clear your browser cache and check.
    This is the expected results:
    expected results

    Best regards,
    Mike

    September 24, 2022 at 6:38 pm #1366221
    markpay10

    Hi Mike
    Thanks for your kind response.
    I’m actually talking about setting the letter forms wider apart from the normal setting or letterspacing. The technical term is kerning the type to a wider setting.
    I want to try and match the type on the main menu to the smaller secondary drop down menu. I would also like to rty and set the headings slighty open too. Is this something you can help me with?
    Thank you for your input. If we can get it to work I would love to buy you a coffee! :)

    September 24, 2022 at 7:57 pm #1366225
    Mike

    Hi,
    Thanks for the feedback, for the sub-menu items try this css:

    #top .av-main-nav ul a {
    letter-spacing: 0.4em;
}

    for the headings try this css:

    #top #wrap_all .all_colors h1,
#top #wrap_all .all_colors h2,
#top #wrap_all .all_colors h3,
#top #wrap_all .all_colors h4 {
    letter-spacing: 0.4em;
}

    I left out H6 because this is what your columns of text is using and I didn’t think that you wanted the spacing there also, but if you did feel free to also add it.
    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    September 26, 2022 at 3:47 pm #1366394
    markpay10

    Hi Mike
    Thanks so much, that works perfectly :)

    September 26, 2022 at 5:19 pm #1366416
    Rikard

    Hi,

    Great, I’m glad that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

    September 26, 2022 at 5:31 pm #1366418
    markpay10

    Hi Rikard
    Mike was a great help. As I work through building the site there may well be other questions I need answering but we can close this thread now.
    Thanks again for such a brilliant Theme.
    Mark

    September 26, 2022 at 6:47 pm #1366428
    Rikard

    Hi,

    Thanks for letting us know, I’ll go ahead and close this thread for now then. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Enfold Theme: Setting Headings and text copy slightly open’ is closed to new replies.