Hello,
To find out classes of elements, you may simply inspect the page using devtools in chrome browser https://developers.google.com/web/tools/chrome-devtools/inspect-styles/ add custom cs code in Theme Options > Styling > Custom css or in style.css file of the child theme. To access the DevTools, open a web page or web app in Google Chrome. Either: -Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools. -Right-click on any page element and select Inspect Element. The DevTools window will open at the bottom of your Chrome browser. For example https://gyazo.com/60143a004fcaa5f3d6e86d2477c72ffe https://gyazo.com/8a4a14f270932e31ee60f7c0d9e12114 Feel free to ask if you have any questions. Also, you can use static blocks to create content of top-bar and footer. Static blocks can be edited using VC https://xstore.helpscoutdocs.com/article/47-static-blocks https://xstore.helpscoutdocs.com/article/48-widgets-custom-widget-areas
Regards
