Support » Lisäosat ja muokkaukset » Lapsiteeman käyttö (CSs-kansio)

  • Mulla on käytössä lapsiteema. Nyt kun haluaisin muokata menu-valikon hover-väejä, niin pitääkö mun kopioida lapsiteeman alle (pääteeman alta) se kok CSS-kansio pääteeman alta? Ja siellä lapsiteeman alla sitten tehdä tarvittavat muutokset CSS:ään. Vai teenkö CSS-kansioon muutokset itse pääteeman alla?

    Neuvoja kaivataan…

Esillä 8 vastausta, 1 - 8 (kaikkiaan 8)
  • Termos jhh78,

    Ei tarvitse kopioida kaikkea. Kun käytössä on lapsiteema voit joitain tiettyjä kohtia muokkailla miten haluat ja loput koodaukset hoitaa äititeema. Eli voit lisätä muokatut hover värin koodit suoraan lapsiteeman style.css tiedostoon.

    Moderator Mikko Saari

    (@msaari)

    CSS:n jujuhan on nimenomaan siinä, että siinä voi jyrätä aiempia asetuksia, selain näyttää sivut viimeksi saamiensa (tai tarkalleen ottaen täsmällisimmin kohdistuneiden) ohjeiden mukaan.

    Thread Starter jhh78

    (@jhh78)

    Tuossa on mun lapsiteeman style.css. Kuinkahan sen navin hoverin tuonne lisään/muutan?
    ——————
    /**

    * Theme Name: Modern Business Pro Child Theme

    * Theme URI: http://slocumthemes.com/wordpress-themes/modern-business-pro/

    * Description: A ”one-click” child theme created for Modern Business Pro – Launch a modern responsive business theme for your client or custom project. Choose from custom page layouts, multiple columns and custom colors to showcase your business services. Modern Business is fast, lightweight, and efficient!

    * Author: Slocum Studio

    * Author URI: http://slocumthemes.com/

    * Version: 1.0

    * License: GPL2+

    * License URI: http://www.gnu.org/licenses/gpl.html

    * Template: modern-business-pro

    */

    nav .primary-nav li ul.sub-menu li a, .primary-nav-container li ul.children li a {

    width: auto;

    min-width: 21em;

    margin-bottom: -1px;

    padding: 15px 20px;

    border-bottom: 1px solid rgba(255, 255, 255, 0.25);

    white-space: nowrap;

    float: none;

    display: block;

    }

    nav .primary-nav li a {

    border-right: 1px solid rgba(255, 255, 255, 0.25);

    color: #fff;

    float: left;

    font-size: 14px;

    font-weight: 700;

    padding: 15px 20px;

    text-decoration: none;

    text-transform: uppercase;

    transition: all 0.3s ease-in-out 0s;

    aside.header-cta-container {

    border-top: 0px solid #000;

    }

    section.widget{

    width: 100%;

    float: left;

    margin-bottom: 10px;

    padding-top: 0;

    }
    ——————————–

    Moderator Mikko Saari

    (@msaari)

    Kirjoitat perään vain. Tarkistat oikean CSS-tunnisteen, jolla pääset siihen hoveriin kiinni, ja sitten vain määrittelet sille värin. Se voisi näyttää vaikka tältä:

    nav .primary-nav li a:hover {
        color: purple;
    }
    Thread Starter jhh78

    (@jhh78)

    Moikka!

    Mistä pystyn tarkastaman sen oikean CSS-tunnisteen?
    Pitääkö mun kopioida tuo ko CSS-tunniste sieltä pääteemasta?

    Moderator Mikko Saari

    (@msaari)

    Esimerkiksi Chromessa kun klikkaat jotain sivulla olevaa elementtiä oikealla napilla ja valitset ”Tarkasta osa”, pääset tarkastelemaan sivua lähemmin ja sitä kautta on helppo selvittää, millaisella CSS-tunnisteella haluamaasi elementtiin osuu.

    Thread Starter jhh78

    (@jhh78)

    Mulla on nyt auki Chrome ja sieltä tarksta elementtiä. Klikkasin oikeaa hiirtä menu valikossa (alavalinta, eli ei itse ylävalikossa). Mistä kohtaa näen että minne kohtaantyylitiedostoa lisää rivin?

    Ja minne kirjoitan koodin Chromessa, jos haluan testata että miltä mikäkin hover-väri menussa näyttää?

    Tässä olisi näppärä video joka näyttää muokkaamisen Firebugilla 🙂

Esillä 8 vastausta, 1 - 8 (kaikkiaan 8)
  • The topic ‘Lapsiteeman käyttö (CSs-kansio)’ is closed to new replies.