Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • August 21, 2017 at 12:54 pm #841974
    Sophie

    Hello,

    in sidebar widget I am using the small icon list WITH link to icon and title, but somehow it is broken: The title always moves to next line. But when I add a small icon list WITHOUT links to icon and title, it looks okay. Please see link to screenshot and login data in private content box (website still in maintenance mode).

    Really do hope you can help. Thank you for your help in advance.

    Cheers
    Sophie

    August 23, 2017 at 4:26 pm #843143
    Yigit

    Hey Sophie,

    You can enable debugging mode to see shortcodes you have created in pages using Advanced Layout Builder – http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/

    Or, You can switch to Default Editor and click on Magic Wand to see full list of shortcodes http://i.imgur.com/n4KXkdm.jpg
    then you can create any of them and copy/paste shortcode into any other content element or into text widget.

    If that too does not help, please create a testing page so we can see the issue.

    Best regards,
    Yigit

    August 24, 2017 at 12:24 pm #843443
    Sophie

    Hey Yigit,

    thank you for your fast response. Yes, that’s what I did: In a clean page I used Default Editor, clicked on Magic Wand with list of shortcodes, chose icon list, filled it as per my needs and copied the code for adding into sidebar text widget on front page. But that does not work.

    Please see link to screenshot how it currently looks like in private content box – can you help and tell what is going wrong there? Login data in private content box as well (website still in maintenance mode).

    Thanks so much in advance, Yigit!

    Have a great day!
    Sophie

    August 28, 2017 at 2:29 pm #844822
    Yigit

    Hi Sophie,

    Sorry for the late reply!
    I added following code to bottom of Quick CSS field in Enfold theme options > General Styling

    .widget .avia-icon-list br {
    display: none;
}
.widget .avia-icon-list a {
    color: inherit;
}

    Please review your website :)

    Best regards,
    Yigit

    August 29, 2017 at 11:54 am #845288
    Sophie

    Hi Yigit,

    you are the best :-) . That’s awesome! Thank you so much! Just one thing: How can make the links in the list not underlined upon hover? Is this possible? Would be great :-) !

    Kind regards
    Sophie

    August 29, 2017 at 1:47 pm #845317
    Yigit

    Hi Sophie,

    Please add following code to bottom of Quick CSS field as well

    .widget .avia-icon-list a {
    text-decoration: none!important;
}

    Best regards,
    Yigit

    August 31, 2017 at 4:31 pm #846356
    Sophie

    Hi Yigit,

    great, that works :-) ! Thank you so much. Just one last thing or ought I open new thread? For changing the hover color simultaneously, I used this code:

    .avia-icon-list li:hover .iconlist_title, .avia-icon-list li:hover .iconlist_icon {
    color: red !important;
}

    But that does only work for the icon, not for the title. Can you tell? If it needs new thread, I will start one of course.

    Have a great day!

    Kind regards
    Sophie

    September 1, 2017 at 10:28 pm #847006
    Yigit

    Hi,

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

    .widget .avia-icon-list a:hover {
    color: red!important;
}

    Best regards,
    Yigit

    September 4, 2017 at 4:49 pm #847818
    Sophie

    That is exactly what I wanted to achieve :-) ! Thanks so much, Yigit! Your support is awesome!

    September 5, 2017 at 6:50 am #847975
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    September 5, 2017 at 7:30 pm #848295
    Sophie

    Hi Rikard,

    please kindly close this topic. Thanks a lot again :-) !

    Kind regards
    Sophie

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Small icon list in sidebar widget’ is closed to new replies.