Ondersteuning » Thema en CSS/opmaak » Schaduwen rond tekst- en afbeeldingsblokken SiteOrigin

  • Opgelost Sjaantje

    (@sjaantje)


    Gegevens:
    Thema: Scrollider
    Plugin: Page Builder by SiteOrigin, versie 2.0.5.

    Status vraagster: geen verstand van css; uitleg als voor een vierjarige graag…;-)

    Beste lezer,

    Na het installeren van deze plugin begon ik wat pagina’s aan te passen maar ontdekte lichtgrijze randen rondom afbeeldingen en tekstvlakken.
    Ik sloeg aan het speuren en vond op op de supportpagina van SiteOrigin wel oplossingen, maar aangezien ik mij het liefst verre hou van het css (je zal maar iets per ongeluk deleten of verschuiven) durfde ik die
    oplossing niet aan, temeer omdat daar over een ‘Vantage’ versie gesproken werd, en dát kan ik bij mij zeker nergens vinden.

    Iemand gaf mij de vriendelijke hint dat het ‘met een beetje ‘custom css-code’ te verhelpen is en dat ik moest letten op ‘box shadow’.
    Nu vind ik die term wel 76x in mijn css, maar ik weet echt niet wat ik moet veranderen, en waar.

    Ooit dacht ik van iemand te hebben begrepen dat je bepaalde zaken kunt overschrijven, alleen voor een bepaalde pagina of sectie,
    die dan niet voor de gehele site geldt. (Dat zal ‘custom css’ zijn neem ik aan.)
    In Page Builder heb ik de mogelijkheid om een Widget class in te voegen en daaronder ‘CSS Styles’ (1 per regel).
    Zou ik daar mijn probleem mee kunnen oplossen? Maar wát moet ik daar dan inzetten?

    Voorbeeld (http://www.iktikhet.nl – bewerkt via SiteOrigin):
    Zo zou ik de schaduwen in de kolom rechts niet willen verwijderen, maar die rondom de ‘centrale’ tekst wel.

    Voorbeeld van een nog niet met SiteOrigin bewerkte pagina: http://www.iktikhet.nl/hoe-krijgt-u-het-getikt/

    Ik besef dat ik veel vraag, maar hoop toch dat er iemand is die mij hiermee kan helpen.

    Bij voorbaat dank,
    groet,

    Joan

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Goedemiddag!

    Kun je de custom.css ook openen?
    http://www.iktikhet.nl/wp-content/themes/scrollider/custom.css

    Daar zie je dit staan:
    /*
    GLOBAL STYLES
    —————-
    Add styles beneath this line that you want to be applied across your entire site */

    Daaronder plaats je dit: div#panel-27-0-0-0 {box-shadow: none;}

    Dan opslaan en als het goed is, is dan de schaduw rond de centrale tekst weg op de home pagina!

    Thread starter Sjaantje

    (@sjaantje)

    Anna: geweldig! Eén simpel regeltje…
    Dit scheelt enorm. Er is in ieder geval één lelijke boxschaduw weg.

    Dit zal dus op de gehele site van toepassing zijn.
    Weet jij of er voor afbeeldingen een andere code geldt?
    In de portfolio staan nog wel schaduwen en ook de tekstblokken (‘opdrachtgevers en partners’, tikwerk, Ik tip het) hebben nog een schaduw.

    Dank en groet,
    Joan

    Goedemorgen Joan,

    Kun je eens proberen of het met deze code de juiste uitkomst heeft:

    .panel-grid .widget {
    box-shadow: none;
    }

    Succes en nog een fijn weekend!

    Thread starter Sjaantje

    (@sjaantje)

    Goedenavond Anna,

    Een wat late reactie (ik was vandaag weg), maar wel een heel
    blijde: YES! Helemaal geweldig!

    Heel veel dank voor je hulp en ook jij een heel fijn weekend gewenst!

    Hartelijke groet,
    Joan

4 reacties aan het bekijken - 1 tot 4 (van in totaal 4)
  • Het onderwerp ‘Schaduwen rond tekst- en afbeeldingsblokken SiteOrigin’ is gesloten voor nieuwe reacties.