Ongelma oman CSS-muotoilun kanssa

  • elinanu

    (@elinanu)


    7 vuotta, 6 kuukautta sitten

    Perustaessani blogin nelisen vuotta sitten sain kustomointiapua ulkopuoliselta. Hän ei enää ole käytettävissä. Nyt lisäsin sähköpostitilauskenttä-vimpaimen footeriin. Haluaisin sen ulkoasun samanlaiseksi kuin ylempi hakukenttä, mutta en löydä mistään oikeita termejä css:n muokauttamiseksi. Lisäksi ”tilaa-nappula” tarvitsisi muokautusta, jotta se erottuisi taustasta.

    Onko käsitystä siitä, mitä Jetpackin maksettujen tilausten tuki tarkoittaa? En saa sinne minkäänlaista yhteyttä. Apua on yleensäkin todella vaikea saada. Jos olen orgin puolella, sanotaan, että kuulun comin puolelle ja päinvastoin.

    Sivu, jonka kanssa tarvitsen apua: [kirjaudu sisään nähdäksesi linkin]

Esillä 4 vastausta, 1 - 4 (kaikkiaan 4)
  • Valvoja Mikko Saari

    (@msaari)

    7 vuotta, 6 kuukautta sitten

    Lisää mukauttimella omaan CSS:ään nämä:

    .widget_blog_subscription input {
    width: 100%;
    border: 2px solid #fff;
    background: transparent;
}

.widget_blog_subscription button {
    border: 2px solid #fff;
    color: #fff;
}

    Jo pitäisi kirkastua.

    Voisin kuvitella, että Jetpackin puolelta ei välttämättä hirveästi tällaisiin kysymyksiin apua saa, siellä yksi asiakas ei suuria merkitse. Mutta tällainen CSS-kysymys on ehdottomasti sellainen, jossa täälläkin voidaan auttaa.

    Thread Starter elinanu

    (@elinanu)

    7 vuotta, 6 kuukautta sitten

    Jo kirkastui, kiitos!

    Tosin ylemmän kentän nurkat muuttuivat samalla pyöreiksi mobiilissa…

    Valvoja Mikko Saari

    (@msaari)

    7 vuotta, 6 kuukautta sitten

    Tämä koodi ei kyllä vaikuta kulmien pyöristyksiin millään tavalla ja ainakin minulla molemmat kentät ovat mobiilissakin jämptisti suorakulmaisia.

    tapiohuuhaa

    (@tapiohuuhaa)

    7 vuotta, 4 kuukautta sitten

    No tuo on helppo korjata.
    Jos vain mobiilissa, niin @media screen and (max-width:481px){
    .widget_blog_subscription button {
    border: 2px solid #fff;
    color: #fff;
    border-radius:0!important;
    }
    !important siksi, että jossakin on määritelty border-radius-arvo, joka pitää ohittaa.

    Onko muuten oikeasti tarpeen laittaa rinnalle -webkit-border-radius ym. ”-webkit-”?

    Tuo viewport-alue koskenee useimpia kännyköitä. En kyllä tiedä, mikä viewport-arvo olisi järkevin kalliimman hintaluokan kännyköile.

Esillä 4 vastausta, 1 - 4 (kaikkiaan 4)

Keskustelu ‘Ongelma oman CSS-muotoilun kanssa’ on suljettu uusilta vastauksilta.

Avainsanat