[Nitin Agarwal]

Hello,
Thanks for the prompt reply.

Also, I want to share 2 feedbacks from a customers point of view-

1. Please add an extra single JS and CSS file which is a combination of all the js and CSS files respectively along with all the other files. Nowadays load speed of the website matters more than its design. See the example of amazon.

2. Please, add a HTML page which says like Your Website is Hosted by XYZ Company and something like that which can be added as default page whenever a person buys the hosting to make it a complete web hosting template.

[Nitin Agarwal]

Hello,
Thanks for your reply.

May I know the reason behind going with so many files instead of combining them one even if it reduces load time and increases speed?

[Nitin Agarwal]

Hello,
Thanks for your prompt reply.

I have removed that codes and now my website speed have come down to 6 seconds from 18 seconds. I am looking to reduce more time. All the website speed tester tools are suggesting that speed is slow because there are too many CSS and js files and we should combine all CSS in one file and all js in one file. Can we do that? Will it have any negative effect or disadvantage?

[Nitin Agarwal]

My problem is fixed. This solution will help other users as well

Add the following codes in custom.css folder:

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

Put it to use using the following class:

<div class="row">
    <div class="col-md-5ths col-xs-6">
       ...
    </div>
</div>

[Nitin Agarwal]

That’s sad. I know 4 columns can be done in this by just adding the correct bootstrap class or adding codes in the correct position as we did for the pricing list. Any ways I will figure it out myself.

Thanks

[Nitin Agarwal]

Hello,
I want to make it 4 pricing plans similar to how it is done in this page- http://themelooks.us/demo/ecohosting/wordpress/shared-hosting/

[Nitin Agarwal]

Thanks a lot. Also please tell me how to do this for Pricing Table Area. Below is the code.

<!-- Pricing Table Area Start -->
    <div class="pricing-table">
        <div class="container">
            <!-- Section Title Start -->
            <div class="section-title">
                <h2>Hosting Specification</h2>
            </div>
            <!-- Section Title End -->
            
            <div class="row reset-gutter">
                <!-- Pricing Table Item Start -->
                <div class="col-md-2 pricing-table-item hidden-sm hidden-xs" data-has-pricing-head="no">
                    <div class="pricing--content">
                        <div class="pt-body">
                            <div class="pt-features">
                                <ul class="text-left">
                                    <li>Hardware</li>
                                    <li>Memory</li>
                                    <li>HDD</li>
                                    <li>Channel</li>
                                    <li>Email</li>
                                    <li>Monitoring</li>
                                    <li>Support</li>
                                    <li>Operation System</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Pricing Table Item End -->
                
                <!-- Pricing Table Item Start -->
                <div class="col-md-3 col-sm-6 pricing-table-item">
                    <div class="pricing--content">
                        <div class="pt-head">
                            <div class="caption">Starting At</div>
                            <div class="pt-price-tag">₹49<span>/m</span></div>
                            <div class="pt-plan">Personal</div>
                        </div>
                        
                        <div class="pt-body">
                            <div class="pt-features">
                                <ul>
                                    <li><strong>Hardware</strong>Intel i5 2.7</li>
                                    <li><strong>Memory</strong>512Mb Ram</li>
                                    <li><strong>HDD</strong>10GB Storage</li>
                                    <li><strong>Channel</strong>5GB Bandwidth</li>
                                    <li><strong>Email</strong>20 Email Addresses</li>
                                    <li><strong>Monitoring</strong>24/7</li>
                                    <li><strong>Support</strong>24/7</li>
                                    <li><strong>Operation System</strong>Linux</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pt-footer">
                            <a href="#" class="btn btn-custom">Buy Now</a>
                        </div>
                    </div>
                </div>
                <!-- Pricing Table Item End -->
                
                <!-- Pricing Table Item Start -->
                <div class="col-md-3 col-sm-6 pricing-table-item">
                    <div class="pricing--content">
                        <div class="pt-head">
                            <div class="caption">Starting At</div>
                            <div class="pt-price-tag">₹99<span>/m</span></div>
                            <div class="pt-plan">Startup</div>
                        </div>
                        
                        <div class="pt-body">
                            <div class="pt-features">
                                <ul>
                                    <li><strong>Hardware</strong>Intel i5 2.7</li>
                                    <li><strong>Memory</strong>512Mb Ram</li>
                                    <li><strong>HDD</strong>10GB Storage</li>
                                    <li><strong>Channel</strong>5GB Bandwidth</li>
                                    <li><strong>Email</strong>20 Email Addresses</li>
                                    <li><strong>Monitoring</strong>24/7</li>
                                    <li><strong>Support</strong>24/7</li>
                                    <li><strong>Operation System</strong>Linux, Windows</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pt-footer">
                            <a href="#" class="btn btn-custom">Buy Now</a>
                        </div>
                    </div>
                </div>
                <!-- Pricing Table Item End -->
                
                <!-- Pricing Table Item Start -->
                <div class="col-md-3 col-sm-6 pricing-table-item">
                    <div class="pricing--content">
                        <div class="pt-head">
                            <div class="caption">Starting At</div>
                            <div class="pt-price-tag">₹149<span>/m</span></div>
                            <div class="pt-plan">Advance</div>
                        </div>
                        
                        <div class="pt-body">
                            <div class="pt-features">
                                <ul>
                                    <li><strong>Hardware</strong>Intel i5 2.7</li>
                                    <li><strong>Memory</strong>512Mb Ram</li>
                                    <li><strong>HDD</strong>10GB Storage</li>
                                    <li><strong>Channel</strong>5GB Bandwidth</li>
                                    <li><strong>Email</strong>20 Email Addresses</li>
                                    <li><strong>Monitoring</strong>24/7</li>
                                    <li><strong>Support</strong>24/7</li>
                                    <li><strong>Operation System</strong>Linux, Windows</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pt-footer">
                            <a href="#" class="btn btn-custom">Buy Now</a>
                        </div>
                    </div>
                </div>
                <!-- Pricing Table Item End -->
				<!-- Pricing Table Item Start -->
                <div class="col-md-3 col-sm-6 pricing-table-item">
                    <div class="pricing--content">
                        <div class="pt-head">
                            <div class="caption">Starting At</div>
                            <div class="pt-price-tag">₹299<span>/m</span></div>
                            <div class="pt-plan">Enterprise</div>
                        </div>
                        
                        <div class="pt-body">
                            <div class="pt-features">
                                <ul>
                                    <li><strong>Hardware</strong>Intel i5 2.7</li>
                                    <li><strong>Memory</strong>512Mb Ram</li>
                                    <li><strong>HDD</strong>10GB Storage</li>
                                    <li><strong>Channel</strong>5GB Bandwidth</li>
                                    <li><strong>Email</strong>20 Email Addresses</li>
                                    <li><strong>Monitoring</strong>24/7</li>
                                    <li><strong>Support</strong>24/7</li>
                                    <li><strong>Operation System</strong>Linux</li>
                                </ul>
                            </div>
                        </div>
                        
                        <div class="pt-footer">
                            <a href="#" class="btn btn-custom">Buy Now</a>
                        </div>
                    </div>
                </div>
                <!-- Pricing Table Item End -->
            </div>
        </div>
    </div>
    <!-- Pricing Table Area End -->

[Nitin Agarwal]

Hello,
I want to reduce the opacity of that blue layer over sliders. How can I do that?

[Author]

Posts