Hi,

As you can see in the attached picture, in the standard configuration menu when you select for the Title Style 12 the respective same blue background color, it will display differently because there is an opacity value set to 0.7 for the little triangle. This is coming from your standard CSS:

.penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
width: 0;
height: 0;
border-bottom: 32px solid #000;
border-right: 20px solid transparent;
z-index: 1;
right: -20px;
opacity: 0.7;
background-color: transparent !important;
}

I tried to add a Custom CSS with exactly the same content but replacing opacity: 0.7 with opacity: 1 but it does not impact how the background of the triangle is displayed.

I have installed and activated the child theme and added the custom CSS as follows:

.penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow:before {
content: '';
display: inline-block;
position: absolute;
top: 0;
width: 0;
height: 0;
border-bottom: 32px solid #000;
border-right: 20px solid transparent;
z-index: 1;
right: -20px;
opacity: 1;
background-color: transparent !important;
}

Why is it not changing the color properly?

Thanks.

Thank you - it worked, you can close the ticket!

Kind regards,

Zsolt