Removing opacity of Title Style 12

Streamliners replied

6 years ago

Customer Reply

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

Kind regards,

Zsolt

PenciDesign replied

6 years ago

Staff Reply

Hi,

Please try add more this code to Customize > Custom CSS to do that:

.penci-homepage-title.style-12 .inner-arrow:before, 
.penci-sidebar-content.style-12 .penci-border-arrow .inner-arrow:before,
.penci-homepage-title.style-12.pcalign-center .inner-arrow:after, 
.penci-sidebar-content.style-12.pcalign-center .penci-border-arrow .inner-arrow:after, 
.penci-homepage-title.style-12.pcalign-right .inner-arrow:after, 
.penci-sidebar-content.style-12.pcalign-right .penci-border-arrow .inner-arrow:after{ opacity: 1; }

Best Regards,

PenciDesign

Streamliners started the conversation

6 years ago

Conversation Start

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.