Hi, we successfully migrated our blog (designbro.com/blog) into our subdirectory to improve the use of the blog in our website (designbro.com).
Now we face a next challenge: we need to align the look&feel of the blog that is built in Soledad with our main website. How much can we tweak this within Soledad and how can we ensure that we still benefit from the speed optimizations that help with Core Web Vital scores?
I attached screenshots of header & footer to compare. Most focus for us is on getting those in line with use of soledad and the speed optimization!
By default, the footer only supports 4 columns/widgets area while your site needs up to 5. You can modify the color/font size/spacing of the footer similar to your main site. (Appearance > Customize > Footer > Colors)
For the header: you can customize by using Header Style 9 and adjust the color.
For the banner below the menu: you can use Elementor to build the block then insert this via Appearance > Customize > Featured Slider > General, paste the Elementor block shortcode to Revolution Slider Shortcode.
Hi, we successfully migrated our blog (designbro.com/blog) into our subdirectory to improve the use of the blog in our website (designbro.com).
Now we face a next challenge: we need to align the look&feel of the blog that is built in Soledad with our main website. How much can we tweak this within Soledad and how can we ensure that we still benefit from the speed optimizations that help with Core Web Vital scores?
I attached screenshots of header & footer to compare. Most focus for us is on getting those in line with use of soledad and the speed optimization!
thanks!
Hi,
For easy way: you should build your header/footer by using Elementor Page Builder and Elementor – Header, Footer & Blocks Template plugin.
By default, the footer only supports 4 columns/widgets area while your site needs up to 5. You can modify the color/font size/spacing of the footer similar to your main site. (Appearance > Customize > Footer > Colors)
For the header: you can customize by using Header Style 9 and adjust the color.
For the banner below the menu: you can use Elementor to build the block then insert this via Appearance > Customize > Featured Slider > General, paste the Elementor block shortcode to Revolution Slider Shortcode.
Regards,
PenciDesign.