 
	
		Tagged: Code block, Hide, invisible
- 
		AuthorPosts
- 
		
			
				
July 21, 2015 at 12:50 am #476232Hi there, Everything is almost figured out for this website, you have all been very great in how much support you offer by the way! Please see page: http://alextomaszewski.com/filmportfolio/ You’ll notice the white bar at the bottom represents the code block, I used to know how to get ride of this but I forget. I think it had something to do with putting the code block inside a color section and entering something in the fields of that color section to hide it. Thanks so much again! I have included the password to site below. Ben July 21, 2015 at 9:00 am #476344Hi a00109943! Please try the following in Quick CSS: #after_layer_slider_1 { display:none !important; }Cheers! 
 RikardAugust 4, 2015 at 2:39 pm #482702Hi Rikard, This worked beautifully for a while but now its starting to cause problems with other pages that have other elements on them. In the past, we added a color section and put the code block inside of it. Then we added some kind of custom ID or developer ID to hide the section/code block. I think this is the best solution but I’m open to others as well. Thanks again for your help! Benjamin August 4, 2015 at 2:46 pm #482709Hi! Please change the code to following one .page-id-442 #after_layer_slider_1 { display:none !important; }You can add color section elements with unique ID as well – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png Cheers! 
 YigitAugust 5, 2015 at 1:05 am #483042Hi Yigit! Thank you so much for your answer! This is certainly helpful! The only issue is that I use the codeblock on a variety of pages, in the code above, I would need to include this code for each page where I would like to hide the code block. For this reason, forgive me newbiness again for not knowing how to use the developer ID of the color section. If I wanted to hide the color section, I would I do that? Thanks again! Benjamin August 5, 2015 at 2:19 pm #483344Hi! I am not sure if i understood you clearly. If you would like to hide certain code blocks, you can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your elements a custom class and hide them using custom CSS code. If that is not what you meant, please elaborate so we can make sure that we are on the same page :) Cheers! 
 YigitAugust 6, 2015 at 12:29 am #483630Hi Yigit! That is exactly what I want to do, but I do not know anything about CSS code. I turned on custom css but I don’t know what code I would use to hide the code block. I would imagine I give my code block and ID like “codeblock” and the I would go to Quick CSS and add a code that “hides” any element that has “codeblock” but I don’t know what to write. Thanks again for your patience! You’re always great! Ben August 6, 2015 at 3:31 pm #483946Hey Ben! Exactly. You should give your element a custom class “custom-codeblock” and then add following code to Quick CSS .custom-codeblock { display: none !important; }:) Regards, 
 YigitAugust 6, 2015 at 6:02 pm #484072Hi Yigit, I’ve added the custom css to the codeblock in the “contact” page but it is still showing up? Any ideas? And I did add the quick css: .hidealex { display: none !important; } Thanks! August 6, 2015 at 6:04 pm #484075Actually, I just did the same thing but used the code inside a color section and it worked perfectly! Thanks again! August 6, 2015 at 7:08 pm #484097Hi! You are welcome, we are always happy to help :) 
 For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
 And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
 For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)Cheers! 
 Yigit
- 
		AuthorPosts
- The topic ‘Hide code block on page’ is closed to new replies.
