Hi Tom and the team,
Quick question, how do I know if I add a custom CSS to the right target on GP theme?
Let me try to explain what I have done:
– I installed a plugin called SiteOrigin CSS. This plugin has a visual screen where I can click on an area and it will tell me the target name / ID of that particular area.
– Example: I wanted to add a bottom border in the header container. Using SiteOrigin CSS I click on header container and then added a bottom border property. The CSS code it gave me was this:
.inside-header.grid-container.grid-parent {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #f7d7d7;
}
I then copy the above CSS and paste it into your Simple CSS plugin. Because I try NOT to use any other plugin not created by you.
So, my question is how do I know based on GP design that .inside-header.grid-container.grid-parent is the right target for me to use?
Before I go too far and add too many custom CSS using this method above, I thought of asking here first. 🙂
Thank you so much!
Hendra