Styling Additional Footer Menus

Home Page 8DegreeThemes Forum Free Themes EightStore Lite Styling Additional Footer Menus

Tagged: , ,

Viewing 2 reply threads
  • Author
    Posts
    • #14252
      Anonymous
      Inactive

      I have added an extra menu called ‘Further Information’ in a widget in my footer but its default appearance is very different to the predefined ‘Custom Footer’ menu that came with the theme.

      I want two menus in my footer – the Custom Footer Menu to contain links to various shop categories and the Further Information menu to contain links to the ‘boring stuff’ (T&Cs etc)

      I copied the css relating to #section-footer2 .menu-custom-footer-menu-container from my style.css to the additional css area of the customiser then renamed it to #section-footer2 .menu-further-information-menu-container

      But my two menus remain stubbornly different. The Custom Menu has no bullets and a nice zoom in/out effect on hover. The Further Information Menu has bullets, a large indent and no hover effects at all

      Can you give me some tips on how to get all footer menus looking the same?

      Thanks

    • #14255
      8Degree Themes
      Keymaster

      Hi there,

      I cannot exactly know what is the context as you already do have reference about it.
      I will need to look at your site and check the css codes to help you out.
      Provide me the site link .

      Thanks!

    • #14260
      8Degree Themes
      Keymaster

      Add this in you Appearance > Customize > Additional Css:

      #section-footer2 .menu-further-information-container ul.menu {
          list-style: outside none none;
          margin: 0;
          padding: 0;
      }
      #section-footer2 .menu-further-information-container ul.menu li {
          margin-bottom: 5px;
      }
      #section-footer2 .menu-further-information-container ul.menu li a {
          display: inline-block;
          width: 100%;
          color: #fff;
      }
      #section-footer2 .menu-further-information-container ul.menu li.current-menu-item a, #section-footer2 .menu-further-information-container ul.menu li.current_page_item a, #section-footer2 .menu-further-information-container ul.menu li a:hover {
          color: #0bb1af;
          padding-left: 5px;
      }

      Thanks!

Viewing 2 reply threads
  • You must be logged in to reply to this topic.

Our New Release - Eight Degree Innovative Corporate Theme (EDICT)

EDICT is a clean and innovative business WordPress theme. This business theme, built fully on theme options with Redux Framework, comes up with three stunning homepage demo layouts that can be imported with just one click of a button. Not to mention it also includes three elegantly designed blog, portfolio and header layouts.

Click on the below image for more detail.

Edict  Eight Degree Innovative Corporate Theme

Please post your questions in the respective forum above.

All questions related to our Pro theme will be answered in less than 24 hours. All questions related to our Free theme will be answered in less than 48 hours.
Our Facebook page is the best place to get updated with themes, documentation, question/answers. Please like us here: