Welcome to Day 18 of our Divi 100 Marathon. Keep tuning in for 100 days in a row of awesome Divi resources as we count down to the amazing release of Divi 3.0 on the final day of the series!


It’s Friday and Divi 100 Marathon or not, that means its time for the Divi Nation Podcast. This week we’ve got a Divi Nation Short for you featuring our new Divi video tutorial specialist Augustine Mak. It’s his first appearance on the podcast but I can assure you it will not be the last. In this episode he will show you how to hide the logo on your Divi website on single pages, while leaving it visible everywhere else.

How to Hide the Divi Logo on a Single Page – Divi Nation Short

In this episode of Divi Nation we show you how to hide the Divi logo on single pages while leaving it visible everywhere else. This is one of those tip requests we get a lot and we thought it was high time we showed everyone how to do it.

For more quick tips like this one and a lot of other fantastic Divi and WordPress related content, subscribe to our YouTube channel using the button below.

Subscribe To Our Youtube Channel

All Subscription Options:

Summary: How to Hide the Divi Logo on a Single Page

hide-divi-logo-front-4

What we’r going to do in this Divi Quick Tip is show you how to hide the Divi logo on specific pages using that page’s ID. To begin, navigate in your WordPress Admin to Pages and then click the edit link for whichever page you would like to hide the Divi logo on.

hide-divi-logo-page-id

In the URL bar a the top of your screen you will notice that it outputs a specific page ID that such as post=48. Keep that tab open and in another tab go to Divi > Theme Options and scroll down to your Custom CSS panel. Paste the following code into the Custom CSS panel.

.page-id-YOURPAGEIDNUMBER #logo {
display: none;
}

As you can see in the snippet above there is a bit of placeholder text. Replace “YOURPAGEIDNUMBER” with the page ID number that you located in the first step. In my example, the final snippet will look like this.

.page-id-48 #logo {
display: none;
}

When you’ve successfully pasted the snippet and added your page ID number to it, click the “Save Changes” button. You can now go to the page in question on the front-end, refresh, and notice that the logo is hidden.

Next Week on the Divi Nation Podcast

Starting next week on the Divi Nation Podcast I will be interviewing members of our design and development team here at Elegant Themes. These interviews will serve both as an introduction to them personally and to the work they do for the Divi Community on a daily basis. We’ll also be putting particular emphasis on what exactly they are doing to make sure that Divi 3.0 is the best release it can possibly be.

Be sure to subscribe to our email newsletter and YouTube channel so that you never miss a big announcement or Divi freebie!

.divi_cta{background-color: #8f43ee; color: #fff; font-size: 20px; font-weight: bold; padding: 20px; text-align: center; display: block; text-decoration: none; border-radius: 4px;}.divi_cta:hover{text-decoration:none;background-color:#7d37d6;}.divi_cta_red{background-color:#db1c1c;}.divi_cta_red:hover{background-color:#c51a1a;}

divi-2-6-logo

Divi 100 Day 18

The Countdown To Divi 3.0

This post is part of our Divi 100 marathon. Follow along as we post free Divi resources for 100 days in a row! This 100-day countdown will end with the game-changing release of Divi 3.0, including our brand new visual editor built from the ground up using React. Divi 3.0 will change the way you build websites with the Divi Builder forever!
Let the countdown begin.

jQuery(document).ready(function(){jQuery(“#DIV_TO_PLACE_COUNTDOWN”).jCountdown({timeText:”2016/9/7 7:00:00″,timeZone:-8,style:”slide”,color:”black”,width:0,textGroupSpace:15,textSpace:0,reflection:false,reflectionOpacity:10,reflectionBlur:0,dayTextNumber:1,displayDay:true,displayHour:true,displayMinute:true,displaySecond:true,displayLabel:true});});Learn More About Divi 3.0

.section-header{width: 520px; padding: 50px 40px 20px; margin: 100px 0; text-align: center; color: #fff !important; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #6c2eb9; background-image: url(http://cdn.elegantthemes.com/blog/wp-content/uploads/2016/04/divi-100.jpg); background-repeat: no-repeat;}.section-header h2{margin-top: 0 !important; color: #fff;}.section-header strong{color:#fff;}.section-header img{margin-bottom: 10px;}.section-header:after{position: absolute; bottom: -16px; left: 50%; margin-left: -16px; width: 32px; height: 32px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); content:”; background: #6c2eb9;}.divi-demo-link{border-bottom: 4px solid #00d5b5; margin-top: 15px; border-radius: 4px; transition: all.5s ease-in-out; display: block; width: 100%; padding: 10px 0; text-transform: uppercase; font-weight: bold; text-align: center; color: #1C695D; background-color: #00efcb;}.divi-demo-link:hover{text-decoration: none; background-color: #2CFFDF;}.divi-download-link{text-align: center; font-size: 18px; border-radius: 4px; padding: 20px; color: #fff; display: block; margin: 10px 0 10px; background-color: #7e3bd0; transition: background .5s; text-decoration: none; font-weight: bold;}.divi-download-link:hover{background-color: #C04BDE; text-decoration: none;}hr{border-style: solid; margin: 0 0 40px 0; border: 1px solid #EAEBEB;}

The post How to Hide the Divi Logo on a Single Page – Divi Nation Short appeared first on Elegant Themes Blog.

View @ ElegantThemes

Leave a Reply