Edycja CSS widgetu m2m

[WhiteN]

Witam

Potrzebuje pomocy przy edycji multi-widgetu z programu partnerskiego m2m, tak by wkomponował się on w moją stronę. Nie znam się kompletnie na CSS, trochę pogrzebałem to zamiast zmienic tylko widget to zmieniło mi się css strony Byłbym wdzięczny gdyby ktoś mi pomógł albo przybliżył mniej więcej jak edytować.

 

Kod wygląda tak:
 

Spoiler

<div class="dm_widget_wrapper tlo" id="dm_widget_target">
        <ul class="dm_widget_tabs clearfix" data-tabgroup="first-tab-group">
            <li><a href="#tab_m_7_3"  class="active" title="Porównywarka kredytów gotówkowych">Kredyt gotówkowy</a></li>
            <li><a href="#tab_m_16_5" title="Porównywarka pożyczek hipotecznych">Kredyt hipoteczny</a></li>
            <li><a href="#tab_m_109_11" title="Porównywarka kredytów konsolidacyjnych">Kredyt konsolidacyjny</a></li>
            <li><a href="#tab_m_110_12" title="Porównywarka pożyczek pozabankowych">Pożyczki pozabankowe</a></li>
        </ul>
    <section id="first-tab-group" class="dm_widget_tabgroup">
        <div id="tab_m_7_3" class="dm_widget_tab" data-loaded="0">
            <script>var idDistributor = 69034; distributor_comparision_widget("tab_m_7_3", idDistributor, 7).render();</script>
       </div>
        <div id="tab_m_16_5" class="dm_widget_tab" data-loaded="0">
            <script>var idDistributor = 69034; distributor_comparision_widget("tab_m_16_5", idDistributor, 16).render();</script>
       </div>
        <div id="tab_m_109_11" class="dm_widget_tab" data-loaded="0">
            <script>var idDistributor = 69034; distributor_comparision_widget("tab_m_109_11", idDistributor, 109).render();</script>
       </div>
        <div id="tab_m_110_12" class="dm_widget_tab" data-loaded="0">
            <script>var idDistributor = 69034; distributor_comparision_widget("tab_m_110_12", idDistributor, 110).render();</script>
       </div>
    </section>
</div>

 

 

[Sagitario]

Cały wigdet masz zamknięty w kontenerze o ID dm_widget_target

Teraz całą edycję odwołujesz do tego ID w pliku css używając # np.

#dm_widget_target{background:#333;display: inline-block;}
#dm_widget_target ul li a{color:#fff}
#dm_widget_target section{}
#dm_widget_target .dm_widget_tab{}

 

 

 

 

[WhiteN]

14 godzin temu, Sagitario napisał:

Cały wigdet masz zamknięty w kontenerze o ID dm_widget_target

Teraz całą edycję odwołujesz do tego ID w pliku css używając # np.

#dm_widget_target{background:#333;display: inline-block;}
#dm_widget_target ul li a{color:#fff}
#dm_widget_target section{}
#dm_widget_target .dm_widget_tab{}

Dzięki za pomoc, zmieniłem menu ale reszty nie mam pojęcia jak zmienić :/

 

 

 

 

[Sagitario]

Jakiej reszty?

[WhiteN]

5 godzin temu, Sagitario napisał:

Jakiej reszty?

Wysłałem pw wraz z linkiem do strony.

[Sagitario]

Cytat

#dm_widget_target .listing {background: #ffc000;border: 1px solid #d3a20c;}
#dm_widget_target .noUi-background {background: #3e3e4a;}
#dm_widget_target .noUi-handle {border: 4px solid #656567;background: #3e3e4a;}
#dm_widget_target .btn-ruby {background-color: #000;}
#dm_widget_target .custom__checkbox__input:checked + #dm_widget_target .custom__checkbox__label:before {color: #000;}

 

[WhiteN]

Dzięki wielkie dla Sagitario za pomoc, przybliżył mi mniej więcej działanie css.

Temat do archiwum.

[MaxPan]

Cytat

Temat do archiwum.

Dwaj to my będziemy decydować gdzie i co dawać :D. Temat zostanie tam gdzie jest, bo odpowiedzi mogą być pomocne również innym użytkownikom.