Add a line between title and text in a fullwidth easy slider

Hey albertgarduno,
Please link to your page so we can examine and help with the css, I understand that the white line is 100px wide, but how tall? Will this be on all pages or just the one that you link to?

Best regards,
Mike

Hi,
It would be easier to see a test page, I assume this is what you want:

Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

.avia-fullwidth-slider .avia-caption-title:after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 46%;
    height: 2px;
    width: 100px;
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
Adjust the color to suit, after applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Great, I’m glad to hear that Mike could help you out. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Please try this CSS instead:

@media only screen and (min-width: 768px) {
.avia-fullwidth-slider .avia-caption-title:after {
    content: "";
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 46%;
    height: 2px;
    width: 100px;
}
}

Best regards,
Rikard

Hi,

Great, I’m glad that we could help. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

Hi,

Thanks for letting us know. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard