Hi. The class which you add to Addon is a parent class for all elements of the add-on. You need to create a composite selector to refer to the desired item. Use the browser code inspector to determine this.
For example:
Thus, the composite selector to appeal to the desired element will look like
.heading_in_row_heading .sppb-addon-title
And the code will be like this:
.heading_in_row_heading .sppb-addon-title {
font-size: 72px;
color: #fff;
}
You may need to add !important after the value of the property to override what is configured by the addon tools.
.heading_in_row_heading .sppb-addon-title {
font-size: 72px !important;
color: #fff !important;
}
If you want to apply a separate code for a specific width of the screen, use the media queries.
@media (max-width: 767px) {
.heading_in_row_heading .sppb-addon-title {
color: red;
}
}
Now on screens less than 768px color text will be red.
Good CSS Tutorials here https://www.w3schools.com/css/default.asp