Forum Discussion

noorismike's avatar
noorismike
Guide
7 years ago

Side content and main content headers

Hello, I have a community page that has a basic layout. I am trying to add a different style to the main content headers and the side-content header but they both have the same class of lia-panel-he...
noorismike's avatar
noorismike
Guide

VikasB How do I go about creating the new class for .left_section or .right_section? Are those classes already predefined?

VikasB's avatar
VikasB
Boss
7 years ago

noorismike

Those classes were just for an example but you may find some different classes. So you need to figure out those different classes in the developer section(code). But maybe they both have same parent class like you can see in the attached screenshot. In that case, you have to apply CSS like this
Note: You need to figure out those classes in your code. 

.lia-panel-content > .lia-quilt-column.lia-quilt-column-12.hero-div:nth-child(1) {
	border: 1px solid red;
}
.lia-panel-content > .lia-quilt-column.lia-quilt-column-12.hero-div:nth-child(2) {
	border: 1px solid green;
}

You can see parent class have the same child classes but we can apply different CSS using the nth-child approach as I applied different borders(red and green) around left and right section even they have same classes. css.png