Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 26, 2016 at 4:04 pm #638787
    mmsdev

    1: Can you please help with the quick css to Invert Social Share Buttons making them so they look look like this.. But just in an element NOT on the top menu as well.

    (I have to put images / examples in the private section due to the owners request.)

    2: The top menu is not inline with the main menu? The facebook item needs to be in line with the ” Home” menu item on the main menu

    3: On a menu item you select a menu to have the ” Button styles bordered” You can see that on the image around the “Next xxxxxxxx 2015″
    It has the boarder but when you add the same label to a Top menu item and select ” Button styles bordered” it does not work.. The menu item for the one on the site has the same style options selected for both the main menu and the top menu.. for “Next xxxxxxxx 2015”

    Many thanks

    • This topic was modified 8 years, 7 months ago by mmsdev.
    May 27, 2016 at 1:18 pm #639262
    Yigit

    Hey mmsdev,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .av-share-box .av-social-link-facebook a {
    color: #fff;
    background-color: #37589b;
}
.av-share-box .av-social-link-twitter a {
    color: #fff;
    background-color: #46d4fe;
}
.av-share-box .av-social-link-gplus a {
    color: #fff;
    background-color: #de5a49;
}
.av-share-box .av-social-link-reddit a {
    color: #fff;
    background-color: #FF4500;
}
.av-share-box .av-social-link-mail a {
    color: #fff;
    background-color: #9fae37;
}
#top #header .social_bookmarks {
    margin-left: 10px;
}

    Best regards,
    Yigit

    May 27, 2016 at 8:58 pm #639509
    mmsdev

    Thanks.

    It works in the child themes style.css file: but not Quick CSS section under Enfold .
    To get them to turn white on hover i found this in the support so they are perfect now an works a charm..
    .av-share-box ul li a:hover { color: #666666!important; background-color: white!important; }

    Any ideas on point 3:

    3: On a menu item you select a menu to have the ” Button styles bordered” You can see that on the image around the “Next xxxxxxxx 2015″
    It has the boarder but when you add the same label to a Top menu item and select ” Button styles bordered” it does not work.. The menu item for the one on the site has the same style options selected for both the main menu and the top menu.. for “Next xxxxxxxx 2015”

    I have looked at this a bit and maybe this?

    It looks like a theme bug or configuration issue. Because when you enable boarder style to a menu item, there should be an additional class for it in the front-end. Class is coming correctly in the main menu but nothing in the top menu. That’s why the boarder effects are not working??

    Thanks so far!

    May 30, 2016 at 6:14 am #640125
    Ismael

    Hi,

    It looks like a theme bug or configuration issue. Because when you enable boarder style to a menu item, there should be an additional class for it in the front-end. Class is coming correctly in the main menu but nothing in the top menu. That’s why the boarder effects are not working??

    This is an intended behaviour because adding bordered menu items on the small top bar container doesn’t look attractive without modifying the top bar itself first. You can extract the bordered menu item styling then apply it in the top menu items.

    Best regards,
    Ismael

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