Shortcodes

Great theme!

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?

Hi @lillaik,

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?

To use shortcodes displayed on the page Bootstrap Shortcodes For Sparkling WordPress Theme - Sparkling you have to use the following free plugin and configure it as described in the end of this page Sparkling Theme Documentation - Colorlib

This page Shop - Sparkling is created by woocommerce plugin so please install this plugin on your site WooCommerce – WordPress plugin | WordPress.org

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.

Best Regards,
Movin

Thank you Movin for the plugin links. Can you attach the html code for the shortcodes displayed at https://colorlib.com/sparkling/sparkling-shortcodes/ as well as WooCommerce – WordPress plugin | WordPress.org? I would like these as a guide. I do not want to import the demo.xml. Thank you so much!

As said above you have to use those plugins to create those plugins.

If you need html code of those pages then you can see it using View Page Source functionality of browser as described on the below page.

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.

Thanks, I will install the following plugin.

You are most welcome here :slight_smile:

Hi @yarimdost

Not clearly get point of your question, can you please add a little bit more details?

Regards