Jump to content

Groei

Member
  • Posts

    14
  • Joined

  • Last visited

Posts posted by Groei

  1. Site URL: https://www.groei-praktijk.nl/over-lisette-dragt

    Dear all,

    When navigating in the menu, there is a drop down menu for 3 folders.

    For one of those folders (Lisette Dragt) the light grey colour/block in which the text of the drop down is placed is wider than the text itself.

    1st picture shows okay drop down: text and box are about equal in width
    2nd picture shows not okay drop down: text is far less wide than the width of the drop down menu box

    Can someone provide me with CSS code to adjust the width of the drop down menu according to the text that is contained in it?

    Thanks a bunch!!

     

    Schermafbeelding 2022-05-23 om 17.06.07.png

    Schermafbeelding 2022-05-23 om 17.06.18.png

  2. Site URL: https://www.groei-praktijk.nl/coach-op-jouw-school

    I've been using the following custom code for months now:

    /*kleur dropdown menu*/
    .header-nav-folder-content {
        background: rgba(0,0,0,0.05) !important;
    }

    /* underline width */
    .header-nav-folder-item a {
        display: inline-block !important;
    }


    /*underline currently active title*/
    nav a::after {

      border-bottom: 0.5px solid #000000;

      content: '';

      display: block;

      position: relative;

      width: 0%;

    }

    nav a:hover::after,

    nav .current-menu-item a::after {

      width: 100%;

    }

     

    However, suddenly the submenu below the title/tab that is active has turned black!

    How do I fix this? Thanks a lot!

    Lisette

     

    First image attached: how I want it
    Second image + third image: how it is

    Schermafbeelding 2022-02-09 om 16.46.32.png

    Schermafbeelding 2022-02-09 om 16.46.49.png

    Schermafbeelding 2022-02-09 om 16.46.25.png

  3. Site URL: https://www.groei-praktijk.nl

    Dear all,

    Whenever i've used a "list" with different columns, the columns are unequal in size.

    If there's just two blocks in a list format, I think it looks messy.
    I've tried to align them with the spacing in the text block, but that differs for different browsers and so the blocks will still be in nonalignment.

    Can anyone help me out?
    How do I make sure that the blocks within the list formats have the same size, regardless of amount of text in the block?
    thanks!

  4. Hi!

    My question is about the header/upper menu.

    I have managed to set the colour to dropdown/submenu as I preferred using this code:


    .header-nav-folder-content {
        background: rgba(0,0,0,0.05) !important;
    }

    And I have been able to underline the title of the page or subpage that is currently being hovered over with this code:

     

    nav a::after {

      border-bottom: 0.5px solid #000000;

      content: '';

      display: block;

      position: relative;

      width: 0%;

    }

    nav a:hover::after,

    nav .current-menu-item a::after {

      width: 100%;

    }

     

    I would like to tweak the last code a bit, so that only where there is text, there will be a line under it. 

    Now, even if there is just one word, the underline takes the full width of the textbox/of the dropdown menu.

    See attached screenshot. I would like the line only to be under the action text: "praktische zaken" 

     

    Thank you in advance!

    Schermafbeelding 2021-12-23 om 12.07.53.png

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.