Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1074824
    Lobsterass
    Participant

    Hi!

    I’ve been trying to work with X for two full weeks now and I’m considering to switch to another theme. Sorry for sounding negative but I’m so disappointed. I’ve done some 15 WP sites or so before, so I’m not new to WP. Several X features are wonderful but then there are super common features missing. I’m a designer and I would like to design more and write less css. I also find the stacks sort of hard to customize. Even customizing buttons is sort of a hassle compared to other themes I have worked with.

    Anyway, one of the issues that I have trouble with now is something as simple as a logo slider. Since I have found no solution for this in the theme and in this forum, I installed WP Logo Slider here: http://dev.monroedesign.se/hemny/. The responsiveness doesn’t work well on smaller screens and I’ve spent a day trying to fix it.

    Is there a better way to display logos in X? I would prefer not having to install an external plug for every function I need and since I have a lot left to do on this site, I’m suspecting I’ll find even more functions that I’ll need external plugs for.

    <3

    #1074948
    Thai
    Moderator

    Hi There,

    Please add the following code to the raw content element:

    <ul class="x-footer-logo">
    <li><a href="http://www.url.com/1"><img src="http://placehold.it/150x150"></a></li>
    <li><a href="http://www.url.com/1"><img src="http://placehold.it/150x150"></a></li>
    <li><a href="http://www.url.com/1"><img src="http://placehold.it/150x150"></a></li>
    <li><a href="http://www.url.com/1"><img src="http://placehold.it/150x150"></a></li>
    <li><a href="http://www.url.com/1"><img src="http://placehold.it/150x150"></a></li>
    </ul>

    After that add the following CSS under Customizer > Custom > Global CSS:

    ul.x-footer-logo {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }
    ul.x-footer-logo li {
        display: inline-block;
        margin-right: 10px;
    }

    Hope it helps 🙂

    #1076930
    Lobsterass
    Participant

    Hi Thai!

    Friggin awesome! This is great. It works well responsively too. I’m very happy. Thank you!

    <3

    #1076997
    Prasant Rai
    Moderator

    Thanks for the good words. It means a lot to us. Feel free to ask us again. Have a great day! 🙂

    #1194103
    Lobsterass
    Participant

    Hola rockstars!

    Picky me, would love to always to make these logos go 2 columns instead of the current 1 column on mobile screens. Is that possible? Then, they would be perfect!

    http://dev.monroedesign.se

    <3

    #1194200
    Thai
    Moderator

    Hi There,

    Please add the following CSS also:

    @media (max-width: 979px){
        ul.x-footer-logo li {
            width: 45%;
        }
    }

    Hope it helps 🙂

    #1194230
    Lobsterass
    Participant

    Cool! Great! Thanx! 🙂

    <3

    #1194324
    Prasant Rai
    Moderator

    You are most welcome. 🙂

  • <script> jQuery(function($){ $("#no-reply-1074824 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>