Add the following code in your child theme style sheet. #main-header { box-shadow: 0 0px 0; -moz-box-shadow: 0 0px 0; -webkit-box-shadow: ..
Category : CSS
Here’s an example on how to add space before a H1 header tag. h1.page-title:before {content: “\00a0\00a0\00a0\00a0\00a0..
Here’s a great website if you want to know the width and height of your screen. http://www.mydevice.io/ &nb..
http://www.w3schools.com/cssref/pr_text_letter-s..
Do you need your logo to overlap your header and/or main area? The blog post “The Overlapping Divi Logo” offers a step-by-step guide on creating an overlapping effect for the logo when using the Divi theme on a WordPress website. The overlapping logo effect is a popular design trend that can give a unique and ..
CSS code when you need different sizes, elements, etc for different devices. https://css-tricks.com/snippets/css/media-queries-for-standar..
This is just an example. You may have to adjust variables. Here’s some HTML: <p class=”replaced”>Original Text</p> You want to replace “Original Text” with different content. Here’s how you can replace that text using only CSS. .replaced { visibility: hidden; position: relative; } .replaced:after { visibility: visible; position: absolute; top: 0; left: 0; content: “This ..
/*——-modal search bar—-*/ body #et_top_search .et-search-form { position: fixed ; top: 0px ; left: 0px ; bottom: 0px ; margin-top: 80px ; margin-right: 0px ; } body #et_top_search .et-search-form input { width: 50% ; height: 75px ; position: relative ; top: 30vh ; display: block ; margin-right: auto ; margin-left: auto ; font-size: 3em ; ..
/* ——HIDE WOOCOMMERCE SHOP PAGE SIDEBAR——– */ div#left-area {width: 100% !important;} div#sidebar { display: none;} .et_right_sidebar #main-content .container:before {display: none;} NOTE: This example is used with WordPress, Elegant Themes D..
CSS Syntax background-repeat: repeat|repeat-x|repeat-y|no-repeat|initial|inherit; http://www.w3schools.com/cssref/pr_background-..