I hope you are well today and thank you for your questions.
Can you please attach the exact html code/shortcodes from https://colorlib.com/sparkling/sparkling-shortcodes/ and https://colorlib.com/sparkling/shop/? I prefer not to download the whole demo content since I’ve already set up the website. Do I need to install any plugin before using the bootstrap shortcodes?
And also, how can I center the navigation since I have the logo expanded on the top?
To help us keep support thread separates could you please create new thread for your other questions here Sparkling - Colorlib Support Forum instead of asking them in your single thread as it makes the thread messy and hard to read.
If you want to you can also add reference of this thread in your newly created thread.
We would be more than happy to help you on your new thread.
I’ve tried the html code using View Page Source (Chrome) and it’s not showing properly on the website.
Is this html code that I copied from View Page Source correct below? I thought we need to use […] blah blah [/…] If this html below is not correct to use, I would appreciate it if you can please attach the exact codes from https://colorlib.com/sparkling/sparkling-shortcodes/, the demo theme so I can use them correctly. Thank you!
<div class="col-lg-4 col-md-12 col-xs-12 col-sm-12">
<div id="osc_servicebox_0" class="osc_servicebox "><i class="fa fa-refresh"></i><p></p>
<h3>Awesome Service</h3>
<div class="osc_servicebox_content">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.</div>
<p><a class="osc_servicebox_readmore_css btn btn-lg" href="https://colorlib.com/sparkling/">Read More</a></p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-xs-12 col-sm-12">
<div id="osc_servicebox_1" class="osc_servicebox "><i class="fa fa-cogs"></i><p></p>
<h3>Outstanding Support</h3>
<div class="osc_servicebox_content">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.</div>
<p><a class="osc_servicebox_readmore_css btn btn-lg" href="https://colorlib.com/sparkling/">Read More</a></p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-xs-12 col-sm-12">
<div id="osc_servicebox_2" class="osc_servicebox "><i class="fa fa-heart"></i><p></p>
<h3>Premium Quality</h3>
<div class="osc_servicebox_content">Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce ullamcorper pulvinar tortor, ut blandit dui porttitor in. Duis pretium mattis blandit. Morbi eu euismod lorem.</div>
<p><a class="osc_servicebox_readmore_css btn btn-lg" href="https://colorlib.com/sparkling/">Read More</a></p>
</div>
</div>
First of all you are doing it completely wrong so please listen that you don’t need to use HTML code to display those buttons instead you need to use shorcodes provided by above shared easy-bootstrap-shortcodes plugin therefore install that plugin and use the shortcodes provided by it in your page or past content.