Tagged: Code block, Hide, invisible
-
AuthorPosts
-
July 21, 2015 at 12:50 am #476232
Hi 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.