Slider subtitle style

Hi,

How can I reproduce the slider subtitle style (line height, spacingm, max width…) in other text sections?

Using the same class of the subtitle without styling each element, something like

<p class="subtitle"> which didn’t work!

Web: stage.mosan.ch/

Thanks

What about defining a general heading like this in the CSS?

h5 {
		line-height: 40px;
	 	letter-spacing: 1px;
		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
		max-width: 75%;
		margin-left: auto;
    margin-right: auto;
}

Hello there,

Try this CSS code:

    .content-wrapper h5 {
      position: relative;
      display: inline-block;
      font-size: 68px;
      line-height: 1.1;
      font-weight: 500;
      padding-bottom: 10px;
    }
      
    .content-wrapper h5:after {
    	content: "";
    	position: absolute;
    	left: 50%;
    	bottom: 0;
    	width: 40%;
    	height: 1px;
    	margin-left: -20%;
      background-color: #d65050;
    }

.content-wrapper class selector is used to limit execution only inside the main content area.

Regards,
Kharis

Thanks a lot Kharis, I will adjust your code to my needs and color choice.

Have a good day!

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis