Author: rajumdhaka

Instagram and IMDB social icons color

.elementor-social-icon-instagram { width:40px; height:40px;
  background: #f09433; 
background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  
}

.elementor-repeater-item-c46dde7 {
    background: #E2B635;
}

Imdb svg logo:

https://drive.google.com/file/d/1EEqKcW0GRw1KmCqvZh9R_KbL28vPK9tC/view?usp=sharing

Register sidebar

function alpha_sidebar(){
  register_sidebar(
      array(
          'name'          => __( 'Single Post Sidebar', 'alpha' ),
          'id'            => 'sidebar-1',
          'description'   => __( 'Right Sidebar', 'alpha' ),
          'before_widget' => '<section id="%1$s" class="widget %2$s">',
          'after_widget'  => '</section>',
          'before_title'  => '<h2 class="widget-title">',
          'after_title'   => '</h2>',
      )
  );
}

add_action("widgets_init","alpha_sidebar");

Refresh/ redirect the browser with html tag

Refresh the browser with a meta tag.

Place the below in <head> tag and the page will refresh every 3 seconds

<meta http-equiv="refresh" content="3">

The contentattribute defines how often in seconds you want to refresh. You can also do redirect to another site. The below will redirect to google.com in 3 seconds.

<meta http-equiv="refresh" content="3; url=https://google.com/">

Elementor blog post texts on hover

Style must be card style. Add the below css with custom class called .custom_post_brand

.custom_post_brand .elementor-post__card {
    position: relative;
}

.custom_post_brand .elementor-post__text {
    position: absolute;
    top: 25%;
    left: 0;
	  z-index: 555;
	  visibility: hidden;
	  transition: all .3s ease;
	  -webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	opacity: 0; height: 0;
}

.custom_post_brand a.elementor-post__thumbnail__link {
    background: #000;
    z-index: 5;
	  margin-bottom: 0px;
}

.custom_post_brand .elementor-post__card:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 55;
}


.custom_post_brand .elementor-post__card:hover .elementor-post__text {
	display: block !important;
	visibility: visible;
	opacity:1;
	height: auto;
	
}

.custom_post_brand .elementor-post__badge {
   position: absolute;
left: 0;
right: 0;
margin:0 auto !important;
	width: 250px;
	top: 20px !important;
    
}

.custom_post_brand .elementor-post__card:hover .elementor-post__badge{
	display: block;
    z-index: 555555;

}

.custom_post_brand a.elementor-post__read-more {
    padding: 5px 10px;
    background: #32D4B2;
    color: #fff !important;
}

Contact form 7 2 columns

Form Mark Up

<div class="clearfix">
<div id="left">First name [text first-name] Last Name[text last-name] How Did You Find Us? [text text-find-us]</div>
<div id="right">Email [email* your-email] Phone [text your-phone]</div>
</div>
Subject [text* your-subject] 
Message [textarea* your-message] 
[submit "Send"]

CSS

/*--- 2 Column Form Styles Start ---*/

#left {
    width: 47%;
    float: left;
    margin-right:6%;
}
 
#right {
    width: 47%;
    float: left;
}
 
.clearfix:after {
    content:"\0020";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
    overflow:hidden;
    margin-bottom:10px;
}
 
.clearfix {
    display:block;
}

WordPress style.css header texts

/*
Theme Name: Twenty Twenty
Theme URI: https://wordpress.org/themes/twentytwenty/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1.3
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

Line bounce CSS

selector:after {
    content: '';
    display: block;
    position: absolute;
    border: 1px solid #fff;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: line-bounce 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}

Add redirect html to php

Add this to .htaccess file in html directory.

RewriteEngine on

RewriteBase /
RewriteRule index.html?$ index.php
RewriteRule about_us.html?$ about_us.php
RewriteRule services.html?$ services.php
RewriteRule gallery.html?$ gallery.php
RewriteRule contact_us.html?$ contact_us.php
RewriteRule thankyou.html?$ thankyou.php
RewriteRule ^(.+).html$ album-details.php?pagename=$1 [L]
# php -- BEGIN cPanel-generated handler, do not edit
# Set the “eig-php52” package as the default “PHP” programming language.
&lt;IfModule mime_module>
  AddHandler application/x-httpd-eig-php52 .php .php5 .phtml
&lt;/IfModule>
# php -- END cPanel-generated handler, do not edit