Docs

[fullframenw]

Hi! Issues with header accent thickness, and random strikethrough

Photo 1: My header accent is striking through my header. How to get it to work properly?

Photo 2: All but one header accents (see photo 3) are becoming very thick, not like the subtle standard width (I think it’s .1px) How to get the accent set back to standard and not thick like this?

photo 3: the only section with a header and accent header that is how it’s supposed to look by default, and how I want the rest of the header accents to look.

Photo 4: Same unwanted thickness

Photo 5: It’s even happening on my quotation area. Weird thickness.

I can’t seem to find some underlying code I haven’t deleted so I have no idea why this is happening

[fullframenw]

and photo 5

[fullframenw]

This reply has been marked as private.

[fullframenw]

They also appear to be colored gray??

[Christopher]

Hi there,

#1 Please remove span tag from custom headline element.

#2 to #5 Please add following code in Customize -> Custom -> CSS :

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
    height: 1px;
    background-color: red;
}

Hope that helps.

[fullframenw]

Thankyou, that really helped for the first part! For #2-#5, is there any way to get the header accent to be like the default header (As seen in #3?) I was hoping for a faint header, much more thin.

[Nabeel A]

Hi again,

You can try replacing the previous code with this one:

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
    background-color: rgba(211, 220, 225, 0.5) !important;
}

Let us know how this goes!

[fullframenw]

.

[fullframenw]

Unfortunately this code did not work. I am unable to change the pixel size of the accent header as well as the color.

[Christopher]

Hi there,

I’ve already provided you with the answer in my previous replay.
Please add this code :

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
    height: 1px;
    background-color: red;
}

It changes accent color and height globally. In one of your section (capture 3) you used gray background and that’s why the accent seems more faint.

Hope it helps.

[fullframenw]

Did the X Theme change it’s header accents? They used to be less than one pixel in size, and more stylized, more faint. Pointed even.

[Rad]

Hi there,

Nope, it’s not, it still at 1px with faint color. Could it be from your custom CSS? This is the CSS responsible for that

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
    content: "";
    position: absolute;
    top: 50%;
    height: 1px;
    width: 9999px;
    display: block;
    margin-top: -1px;
    background-color: #dfdfdf;
    background-color: rgba(0,0,0,0.075);
}

Thanks!

[Author]

Posts