TYPOGRAPHY & NAVIGATION OPTIONS / COLORS / STYLES

This topic has 15 replies, 4 voices, and was last updated 6 years, 5 months ago ago by Rose Tyler

  • Avatar: cubiix
    cubiix
    Participant
    October 10, 2017 at 21:50

    Hi, where can I change the typeface, colors, styles of:

    1. Breadcrumbs (typeface and color)
    2. page title / section (typeface and color)
    3. mobile menu navigation (background, typeface and color)
    4. main menu navigation (background, typeface and color)

    14 Answers
    Avatar: cubiix
    cubiix
    Participant
    October 10, 2017 at 22:14

    Can I give different headings different fonts and colors

    Avatar: cubiix
    cubiix
    Participant
    October 10, 2017 at 22:25

    mobile menu color
    header height

    Avatar: cubiix
    cubiix
    Participant
    October 10, 2017 at 22:25

    the breadcrumbs / title / section is quite confusing and hard to work with to deactivate the “back” real breadcrumb vs the page title.

    Avatar: cubiix
    cubiix
    Participant
    October 10, 2017 at 22:28

    can i deactivate in “breadcrumbs” the breadcrumbs
    or
    “Return to previous page” font

    so it doesn’t show up

    Avatar: amzy
    Amzy Leel
    Participant
    October 11, 2017 at 07:24

    2) 8theme options > typography > page > headings
    3)not possible via theme option. let us know your site url.. we will give you the custom css to change this
    4)8theme options > typography > navigation

    Avatar: amzy
    Amzy Leel
    Participant
    October 11, 2017 at 07:24

    1) let us know what exactly you want to do with breadcrumb.. provide some screenshots for better understanding.

    Avatar: cubiix
    cubiix
    Participant
    October 11, 2017 at 21:42

    hi and thanks 🙂

    1. Please see screenshot 1, can I hide breadcrumbs ?
    2. All headings have the same font and color, maybe something for next version 🙂 each heading different typeface options.
    3. send you in private section
    4. menu color background can be changed ?
    5. header height can be changed (screenshot 2)

    screenshot 1
    https://snag.gy/ewnVZm.jpg
    screenshot 2
    https://snag.gy/iGk1NF.jpg

    Please, contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    October 12, 2017 at 10:37

    Hello,

    1. All available breadcrumbs settings you may find in Theme Options > General > Breadcrumbs. If you want to use different breadcrumbs images for some pages instead of the image that were selected in Theme Options then go to Pages > edit page > upload featured image for your page and it will appear in breadcrumbs.
    Also, every page has its own breadcrumbs settings, edit page and scroll down to 8theme – Layout settings > http://prntscr.com/gwfdca
    3. Please try to add this code in Theme Options > Styling > Custom css:

    .mobile-menu-wrapper {
        background-color: black;
    }
    .mobile-menu-wrapper .menu > li > a, .mobile-menu-wrapper .mobile-sidebar-widget.etheme_widget_socials a {
        color: white !important;
    }

    4. You may change header background http://prntscr.com/gwfg2f
    5. This relates to Breadcrumbs settings in Theme Options.

    Regards

    Avatar: cubiix
    cubiix
    Participant
    October 12, 2017 at 15:19

    Hi, thanks for the css for the mobile menu, still cannot fix most of the other things.

    1. “breadcrumbs” s you define has the page title and the “breadcrumb” on top, i only want to hide the breadcrumb and not the title. there is no option for this.
    3. Thanks
    4. I was talking about the dropdown menu colors on desktop
    5. There is no “height” in the “header menu” color options.

    Thanks in advance for your help.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    October 12, 2017 at 15:57

    Hello,

    1) Try to set font-size 0 at breadcrumbs settings for the breadcrumbs only and check if it helps you.
    4) There is no option. Use the custom CSS (Theme Options > Styling > CUstom CSS)

    .menu-wrapper .menu > li:hover .nav-sublist-dropdown {
        background-color: blue;
    }

    5) Change the breadcrumbs paddings to reduce the size that you mentioned on the screenshot.

    Regards

    Avatar: cubiix
    cubiix
    Participant
    November 6, 2017 at 19:18

    hi, I still have problems with the menu navigation colors, how can i change the secondary colors. This should be on the theme options

    https://snag.gy/ZRDPgG.jpg

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 7, 2017 at 10:42

    Hello,

    Please change this code

    .menu-wrapper .menu > li:hover .nav-sublist-dropdown {
        background-color: #f8f4e7;
    }

    to

    .menu-wrapper .menu > li:hover .nav-sublist-dropdown, .item-design-dropdown .nav-sublist-dropdown ul > li .nav-sublist ul {
        background-color: #f8f4e7;
    }

    Regards

    Avatar: cubiix
    cubiix
    Participant
    November 8, 2017 at 05:33

    Thanks 🙂

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 8, 2017 at 08:37

    You’re welcome!

    Regards

  • Viewing 15 results - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.