Ondersteuning » Thema en CSS/opmaak » Achtergrond van de products header aanpassen

  • Opgelost dontworry88

    (@dontworry88)


    Hallo,

    Ik ben al twee dagen bezig om een fout uit mijn website te halen. Als ik de site open dan krijg ik het menu in de bovenbalk: Screenshot met witte achtergrond en zwarte tekst.

    Als ik echter op “Producten” klik komt de Blocksy standaard achtergrond weer tevoorschijn: Screenshot.

    De rest van de pagina is gewoon achtergrond wit maar krijg dit er niet uit. Ook niet in Customizer.

    Als ik naar “Pagina’s/Pages” ga en deze pagina wijzig kan dit niet in Elementor om daar evt. wijzigingen in uit te voeren. Customizer daarentegen geeft aan dat de achtergrond al weg is.

    Ik heb dit al geprobeerd in custom CCS: Link

    Ik ben v.w.b. WordPress en beginner dus excuses alvast als ik een open deur in trap.

    Bedankt!

    • Dit onderwerp is gewijzigd 4 dagen, 19 uren geleden door dontworry88.
7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)
  • Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Je geeft best een URL mee zodat we jouw site en pagina’s kunnen induiken. CSS is specifiek voor je site, want alle benamingen van klasses & IDs zijn geprogrammeerd in je thema/plugins, en kunnen dus verschillen van een andere site. Zomaar CSS overnemen van een ander topic garandeert niets.

    Thread starter dontworry88

    (@dontworry88)

    Hi Jeroen,

    Bedankt voor je reactie, ik zie dat ik mijn bericht niet meer kan wijzigen.

    Kan jij dit als moderator doen?
    1e link: https://www.dropbox.com/s/pa7hu2euzjcl9zi/Page-home.jpg?dl=0
    2e link: https://www.dropbox.com/s/wkql8q54579dg6g/Page-products.jpg?dl=0

    Bedankt in ieder geval ook voor de uitleg m.b.t. CCS.

    Dennis

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Je screenshots werkten, maar ik bedoel een URL naar je site waar je de aanpassingen wilt doen, dan kunnen we kijken naar de opbouw van je thema en welke klassen/IDs die hebben om te kunnen helpen.

    Thread starter dontworry88

    (@dontworry88)

    Ah, duidelijk. Begreep je verkeerd!

    De site heb ik van maintenance afgehaald dus zou nu zichtbaar moeten zijn:

    http://www.beebjesentodds.nl

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Er zit custom CSS op die ‘pagina’ (?post_type=product), maar je kan normaal ook een shop pagina maken en die instellen als shop pagina binnen je WooCommerce, zo heb je ook echt een URL zoals bv. /shop/ en dan kan je daar header instellingen op toepassen, maar de CSS nu is:

    [data-header*="type-1"] .ct-header [data-transparent-row="yes"][data-row*="middle"] {
      background-color: rgba(255,255,255,0);
      background-image: none;
      --borderTop: none;
      --borderBottom: none;
      --box-shadow: none;
    }

    En het is die eerste regel binnen de selector die zorgt dat hij doorzichtig is en dus die foto zichtbaar is in het menu. Als die wordt uitgezet, heb je het niet voor… zie: https://snipboard.io/UcMpsq.jpg

    Thread starter dontworry88

    (@dontworry88)

    Hi Jeroen,

    Het is gelukt, bedankt!

    Moderator Jeroen Rotty

    (@jeroenrotty)

    Support Moderator

    Super, succes verder :-).

7 reacties aan het bekijken - 1 tot 7 (van in totaal 7)