Shortcodes

 Customize scroll Bar

Please copy the below code and paste it into your Additional CSS Box. You can change the color if you want, just play with the numbers.

Code;

*::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);

background-color: #F5F5F5;

border-radius: 10px;margin-left:-10px!important;

}

*::-webkit-scrollbar

{

width: 10px;

margin-left:-10px;

background-color: #F5F5F5!important;

}

*::-webkit-scrollbar-thumb

{

border-radius: 10px;

background-color: #FFF;

background-image: linear-gradient(to right, #4CB8C4 0%, #3CD3AD 51%, #4CB8C4 100%);

Footer creator Code

Simply paste these CSS Codes in the Additional CSS Box in WordPress.

Code:

.inside-footer-widgets h2{

font-size:22px!important;

}

.inside-footer-widgets .rpwwt-widget ul li{

margin-bottom:0px;

}

.inside-footer-widgets ul li{

font-size:16px!important;

}

.footer-widget-1 p {

 font-size:16px!important;

 }

/* Footer */

@media (min-width: 769px) {

 .footer-widgets-container .footer-widget-1 {

 max-width:520px;

 }

.footer-widget-2 {

 max-width:250px;

 }

.footer-widget-3 {

 }

}

 GeneratePress Copyright Remover

Paste this code into the theme function (fuction.PHP) section at the end.

Code:

add_filter( 'generate_copyright','tu_custom_copyright' );

function tu_custom_copyright() {

    ?>

Change with your text

    <?php

}

 

ADD Social Share Button Without Plugin

Paste HTML Code into Custom HTML in theme customization. Also, paste CSS code in the Additional CSS section in the theme customization in WordPress.

HTML Code:

<div class="web-insights">

<p class="fttl">Follow Us</p>

<p class="ffttl">Stay updated via social media</p>

<ul>

<li><a href="#" target="_blank"><i class="fa fa-whatsapp" aria-hidden="true"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-paper-plane" aria-hidden="true"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true"></i></a></li>

<li><a href="#" target="_blank"><i class="fa fa-pinterest-p" aria-hidden="true"></i></a></li>

</ul>

</div>

CSS Code: 

/* Webinsights Follow Buttons */

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");

.web-insights {

    text-align: center;

    display: table;

    border: 1px solid #ddd;

    padding: 10px 10px 5px;

    border-radius: 10px;

width:100%;

margin:0;

}

.web-insights .fttl {

    font-size: 18px;

    font-weight:600;

letter-spacing: 1px;

color:black;border-bottom: 1px solid #ddd;

padding-bottom:12px;

}

.web-insights .ffttl {

   font-size: 16px;

   

letter-spacing: 0.5px;

color:black;border-bottom: 1px solid #ddd;

padding-bottom:15px;

margin-top:-15px;

}

.web-insights ul{

    padding: 0px;

    margin: 0px;

margin-left:15px;

}

.web-insights li {

    float: left;

    list-style: none;

    font-size: 20px;

    text-align: center;

    margin-right:8px;

}

.web-insights li a i {

    background-color: #f1f1f1;

    color: #fff;

    border-radius: 100%;

    height: 40px;

    width: 40px;

    line-height: 43px !important;

}

.web-insights li a i:hover{

    opacity: 0.8;

}

.web-insights li a i.fa.fa-facebook {

    background-color: #3b5997;

}

.web-insights li a i.fa.fa-whatsapp {

    background-color: #25D366;

}

.web-insights li a i.fa.fa-instagram {

    background-color: #3e729a;

}

.web-insights li a i.fa.fa-paper-plane {

    background-color: #1DA1F2;

}

.web-insights li a i.fa.fa-youtube-play {

    background-color: #c42f2b;

}

.web-insights li a i.fa.fa-twitter {

    background-color: #57aced;

}

.web-insights li a i.fa.fa-pinterest-p {

    background-color: #cb2026;

}

/* End of Webinsights Follow Buttons */

Note: All of these codes are specifically designed for WordPress websites.