• Resolved charlesgodwin

    (@charlesgodwin)


    The Title displays with a Plus ‘+ ‘sign on the right hand side of the block.

    Is there any way to move it to the left of the title text?
    Make it stand out more? Style?

Viewing 3 replies - 1 through 3 (of 3 total)
  • You can style it any way you like using CSS in your child theme.
    To put it to the left, try this:

    .c-accordion__title:after {
       right: auto;
       left: 0;
    }

    You can also set the colour, font weight, etc. You can even change it to a different character or symbol if you want, e.g.

    .c-accordion__title:after {
        content: "Expand +";
    }

    If putting the plus sign on the left, you’d also need to add some left padding to the title to make room for it.
    e.g.

    .c-accordion__title {
        padding-left: 20px;
    }

    You may also want to style the closing symbol, for example to add the word “CLOSE” and make it red:

    .is-open .c-accordion__title:after {
        content: "CLOSE \2212";
        color: red;
    }

    The possibilities are endless. Have fun.

    Thread Starter charlesgodwin

    (@charlesgodwin)

    Thanks I’ll experiment Saturday

    Thread Starter charlesgodwin

    (@charlesgodwin)

    Works as hoped. thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Modifying Title Line’ is closed to new replies.