1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 CSS question

Discussion in 'Styling and Customization Questions' started by giorgino, Sep 9, 2013.

  1. giorgino

    giorgino Well-Known Member

    One questions related to responsive design.
    Can I use a multiple CSS class in a way like this?

    Code:
    <div class="visibleResponsiveFull,visibleResponsiveWide">
     
  2. RoldanLT

    RoldanLT Well-Known Member

    Correct code:
    HTML:
    <div class="visibleResponsiveFull visibleResponsiveWide">
    Answer, YES.
     
    giorgino likes this.
  3. giorgino

    giorgino Well-Known Member

    Don't work for me... It's because I used the comma separated version... (that don't work, of course)
     
  4. RoldanLT

    RoldanLT Well-Known Member

    Replace comma (,) with space.
     
  5. giorgino

    giorgino Well-Known Member

    Done, but don't work. This is full code:

    Code:
    <xen:hook name="footer">
    
    <div class="visibleResponsiveFull visibleResponsiveWide">
      <div class="footer">
        <div class="pageWidth">
            <div class="customFooter">
                <div class="sezioneLinkFirst">
                    <div class="customFooterTitle">Cos'è centoiso.it?</div>   
                    <p>centoiso.it è </p>
                    <p>centoiso.it è un servizio gratuito e gode di informazioni aggiornate, precise e competenti per dipanare i quesiti e le questioni più complesse.</p>
                    <p>centoiso.it è la community che vogliamo, che ci serve per informarci, raccontarci, mettere a confronto le nostre esperienze in modo libero e gratuito.</p>
                </div>
               
                <div class="sezioneLink">
                    <div class="customFooterTitle">Pagine Utili</div>
                    <ul class="customFooterLinks">
                        <li><a href="register">Nuovo di centoiso? Registrati!</a></li>
                        <li><a href="help/regolamento">Il regolamento del forum</a></li>
                        <li><a href="help/soluzione-problemi">Guida all'uso del Forum</a></li>
                        <li><a href="help/problemi-account">Aiuto per la Gestione dell'Account</a></li>
                        <li><a href="help/contatti">Contatta lo Staff di centoiso</a></li>                       
                        <li><a href="recent-activity">L'Attività in Tempo Reale</a></li>                   
                        <li><a href="account/news-feed">Il tuo Feed delle Novità</a></li>
                    </ul>   
                </div>
               
                <div class="sezioneLinkLast">
                    <div id="SignupButton"><a href="account/preferences" class="inner">Iscriviti al nostro Digest</a></div>
                    <div class="cancellati"><a href="account/preferences">… oppure cancellati</a></div>
                    <div class="customFooterTitle">Seguici sui Social Networks</div>
                    <div class="socialIcon">
                        <a href="forums/-/index.rss" class="p-rss" alt="Seguici con i feed RSS"></a>
                        <a href="http://twitter.com/#!/centoisoit" class="p-twitter" alt="Seguici su Twitter"></a>
                        <a href="http://www.facebook.com/centoiso.it" class="p-facebook" alt="Diventa fan della nostra pagina facebook"></a>
                        <a href="https://plus.google.com/b/106506522074388650482/" class="p-googleplus" alt="Seguici sulla nostra pagina Google+"></a>   
                    </div>           
                </div>
            </div>
        </div>
      </div>
    </div>
     
  6. Jeremy

    Jeremy XenForo Moderator Staff Member

    Add hiddenResponsiveNarrow and hiddenResponsiveMedium to the classes.
     
  7. giorgino

    giorgino Well-Known Member

    Work! So I've to use all the four classes for each div, right?
     
  8. Jeremy

    Jeremy XenForo Moderator Staff Member

    You probably only need to two I posted above.
     

Share This Page