Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #828559

    Hello! I’d like to change my menu and my slider fonts to Comic Sans. I’ve read various threads and made changes to my CSS, but it still isn’t displaying properly. I’d appreciate your help!

    Here’s all the CSS I’m using:
    @media only screen and (max-width: 767px) { .responsive #scroll-top-link { display: block !important; } }
    #top #wrap_all .av-main-nav ul > li > a, #top #wrap_all .av-main-nav ul > li > a:hover { background-color: #0080b3!important; color: white!important; border-color: #0080b3!important;}
    #top #header .av-main-nav > li:hover > a { background-color: #0080b3!important; color: white!important; } /* The code above makes the hover color blue instead of red. */
    .slideshow_caption { width: 52%; } /* defines width of captions in slideshow */
    #avia-menu li:hover a { background: #0080b3; } /* Supposed to change the background of main menu hover, but it doesn’t work */
    .header_color .main_menu ul:first-child > li > a { color: #0080b3; } /* color of main menu items */
    .main_menu ul:first-child > li > a { font-family: ‘Comic Sans MS’, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; } /* font style of main menu items */
    .main_menu ul:first-child>li>a { font-size: 18px; } /* font size of man menu */
    #top .avia-fullscreen-slider-button { background: #00aae2; border: none; }
    .avia-slideshow .avia-button:hover { background: #ffffe6 !important; color: #222222 !important; }
    .avia-button { font-size: 20px!important; font-weight: bold; min-width: 120px; }
    .meta-heading h1, .meta-heading h2, .meta-heading h3, .meta-heading h4, .meta-heading h5, .meta-heading h6 { color: #0080b3 !important; }
    .avia-menu-fx { display: none; }
    .header_color .main_menu ul:first-child >li > ul, #top .header_color .avia_mega_div > .sub-menu { border-top-color: transparent; }
    h1, h2, h3, h4, h5, h6 { font-family: “Comic Sans MS”, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; !important; }
    h1 { font-size: 34px!important; }
    #top .av-main-nav > li > a { font-family: “Comic Sans MS”, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
    #top .main_menu .menu li ul a { font-family: “Comic Sans MS”, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
    .av-main-nav ul { top: 66%; }
    .avia-caption-title, .avia-caption-content { font-family: “Comic Sans MS”, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; !important; }
    body div .avia-button { font-family: “Comic Sans MS”, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }
    .av-inner-masonry-content{background-color: #ffffff !important;}
    .av-masonry-entry .av-masonry-entry-title { font-size: 20px; font-weight: bold; text-align: center; }
    .av-masonry-entry-content.entry-content { font-size: 20px; font-weight: bold; text-align: center; }

    #829404

    Hey Dana2225,

    Thank you for writing in!

    Your question is a little confusing, could you organize it better?

    Best regards,
    John Torvik

    #829743

    Hi, John,

    All I’m asking is to change my menu and my slider fonts to Comic Sans.

    Everything else in my message above is what I currently have in my Quick CSS. I wanted to include that information in my post in case some of my coding was incorrect and was blocking the change to Comic Sans on my menu and slider fonts.

    Thank you!

    #831242

    Hi!

    Thank you for showing us the code. :)

    From what I can see, there are a couple of things to fix.
    (1) Please make sure to NOT use a quotation marks with directions. It’s best to use " or ' instead of “” or
    ‘’, which are what you have now where you mention Comic Sans.
    (2) Please make sure that there are no semi-colons before the !important rule. I can see a few lines where you have sans-serif; !important; .
    (3) When your code isn’t working, please do try adding the !important rule properly.

    For example, one of the lines you have now is:

    h1, h2, h3, h4, h5, h6 { font-family: “Comic Sans MS”, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; !important; }

    Please try this instead: (with corrected quotation marks, and properly used !important rule)

    h1, h2, h3, h4, h5, h6 { font-family: 'Comic Sans MS', 'Helvetica Neue', Helvetica, Arial, sans-serif !important; }

    I hope that helps! I tried logging in using the credentials provided, but unfortunately they do not work for me.

    Please let us know if you need further assistance.

    Best regards,
    Sarah

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