Join the Soledad Facebook Users Group here
for Share, assistance, discussion, and Updates related to Soledad WordPress Theme.

If you can't create a new ticket - you can send us an email via our contact form and we will get back to you.

Okay
  Public Ticket #3376331
Mega Menu Font
Closed

Comments

  •  11
    LillaGreen started the conversation
    May 22, 2023 at 11:30pm

    Hi, is there a way to change the Font type / Size of the Mega Menu with CSS? Thank you!!

  •  2,485
    PenciDesign replied
    May 23, 2023 at 12:35am

    Hi,

    Please go to Appearance → Customize → Logo & Header → Category Mega Menu: you can change the font size in this section.

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied
    May 23, 2023 at 1:28am

    I need to change the Font Family - Custom Font Style fro tmega menu... is there an option to do it with CSS?

  •  2,485
    PenciDesign replied
    May 23, 2023 at 2:41am

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    .penci-megamenu,
    .penci-megamenu h3 {
        font-family: 'Roboto';
    }

    Change Roboto with the font name you want to show.

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    May 23, 2023 at 3:49am

    Thank you but it didn't worked out .. I did change it to 

    .penci-megamenu,
    .penci-megamenu h3 {
        font-family: 'BebasNeue';
    }

    I cleared the cache after I saved it, but it didn't work out 

  •  2,485
    PenciDesign replied
    May 23, 2023 at 4:18am

    Hi,

    Please modify the CSS like the following below:

    .penci-megamenu,
    .penci-megamenu h3,
    .penci-megamenu h3 a {
        font-family: 'BebasNeue';
    }

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    May 23, 2023 at 6:42am

    Unfortunately, the font style is still not changing ..

  •  2,485
    PenciDesign replied
    May 23, 2023 at 6:44am

    Hi,

    Please modify the CSS code:

    .penci-megamenu,
.penci-megamenu h3,
.penci-megamenu h3 a {
    font-family: 'BebasNeue' !important;
}

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied
    May 23, 2023 at 6:51am

    Only the text under the blog posts is changing, not the font type for text on the left with the futures categorie

  •  2,485
    PenciDesign replied
    May 23, 2023 at 8:37am

    Hi,

    If you want to apply it to all the text, please modify the CSS code:

    .penci-megamenu,
.penci-megamenu span,
.penci-megamenu p,
.penci-megamenu h3,
.penci-megamenu h3 a {
    font-family: 'BebasNeue' !important;
}

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied
    May 23, 2023 at 8:51am

    Thank you! It worked out :) How can I change the size of the Categories on the left size?

  •  2,485
    PenciDesign replied
    May 23, 2023 at 10:32am

    Hi,

    Please go to Appearance → Customize → Logo & Header → Category Mega Menu → Font Size for Category Name On Category Mega Menu: change the font size on this section.

    Regards,
    PenciDesign.


  •  11
    LillaGreen replied
    May 23, 2023 at 11:07am

    I tried this already but the only font size that is changing ist the category on the top of the post - see screenshot, not the size for the font in the left column ..


    8988820939.png


  •  2,485
    PenciDesign replied
    May 23, 2023 at 2:42pm

    Hi,

    Please go to Appearance → Customize → Custom CSS then add the following custom CSS code:

    #navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name,
    .navigation .penci-megamenu .penci-mega-thumbnail .mega-cat-name {
        font-size: 13px;
    }

    Change 13px to the font size you want to show.

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    May 23, 2023 at 10:42pm

    thanks,  but this is not correct, as it does the same thing as this one in customize:

    Please go to Appearance → Customize → Logo & Header → Category Mega Menu → Font Size for Category Name

    .. I need to change the size of the left column - please see the attachment.

    Attached files:  column mega menu.JPG

  •  2,485
    PenciDesign replied
    May 24, 2023 at 1:04am

    Hi,

    Here is the correct CSS:

    #navigation .penci-megamenu .penci-mega-child-categories a,
    .pc-builder-element.pc-main-menu .navigation .menu li .penci-mega-child-categories a {
        font-size: 12px;
    }

    Regards,
    PenciDesign.



  •  11
    LillaGreen replied
    May 24, 2023 at 5:01am

    Thank you! it worked out :)