NO BUG: Nestable Accordion: Title always in uppercase

Bugs
1

Bricks Version: 1.6b2
Browser: Firefox, Vivaldi
OS: Windows
URL: Créations, Refontes, Maintenance de Sites Web - Fantou WebMaster

Hello,

I don’t know if it’s a bug or a bad setting of mine (like I’m a beginner with Bricks Builder) but I have a strange behavior with the accordion : the title is always in uppercase
majuscule

In the browser’s console, I can see a CSS for uppercase but I don’t find it in the settings. I checked both the global setting of the accordion and titles and the unique one but no uppercase mode is selected.

For information :

In the accordion widget, the name in french above the transformation’s style is the same for uppercase and capitalize and there is nothing for minuscule’s style

Have a nice day and thanks for all your great work! :slight_smile:

2

Hi there,

It seems that you add the following lines somewhere in a custom css section:

#brxe-pdrvxq .accordion-title-wrapper .brxe-heading {
   color: var(--bricks-color-wsjllg); 
   text-transform: uppercase
}

#brxe-pdrvxq .accordion-title-wrapper {
   min-height: 50px; color: var(--bricks-color-wsjllg); 
   text-transform: uppercase; 
   margin-top: 10px; 
   margin-right: 0; 
   margin-bottom: 10px; 
   margin-left: 0
}

When you are defining margin for every size, you can also use one line or two instead of 4:

.yourclass {
   margin: 1px 2px 3px 4px;  /* top, right, bottom, left */
}

.yourclass {
   margin: 10px 0px; /*  top and bottom, right and left */
}

Have a great day,
Thomas

1 Like
3

Hello @HomeSweetTom

Thank you I finally found where I did a bad setting. It was in the content’s section of the accordion, title was in uppercase. I forget to check this one… ^^;

I’v got one more question about title in this accordion : there is a little “space” (margin? padding?) under the title
If I set nothing or the same value for bottom and up padding, the title is not centered.

I checked the line height but does not change. I can have a centered title if I set an up padding slightly higher than the bottom one
Is it normal?

In fact, this little weird behaviour occurs for all titles.

4

Hey Fantou,
I think the bottom gap is caused by the font. If you toggle it on and off, you’ll see that the alignment is perfect.

You can tweak the alignment by changing the line height to .7 for example.

Best regards,
timmse

CleanShot 2022-12-06 at 16.06.50

5

Hi @timmse

Thanks for this information! Indeed, there is no more space with an another font. Did not think about it ^^;

Have a nice day!