-
Posts
-
Hi, why did the hiding of the codeblock with custom css for all ALB in this post (forum example) not work.
I know, he has solved it at least with the css field of a color section, but the first intention would be more interesting. The feature for adding an ID to builder elements which haven’t one could be very helpful.Thanks for answering.
MarkusHey Markus,
What exactly is not working for you? Please try to explain a bit further and post a link to the page where we can see the error in question.
Best regards,
RikardHello Rikard, i commented off that function/hook in enfold functions.php, also added it to enfold-child functions.php, added a codeblock to a page and this css to the quick field:
.codeblock {
display: none !important;
border:10px solid #ff0000 !important;
background-color: #ff0000 !important; }with no effect. The coeblock still is visible: http://web1528.fge1.5hosting.com/untersiller.com/ (The white block on top).
By the way, why isn’t that function enabled by default?
br MarkusHi,
Ok, thanks for the feedback. Please try the following in Quick CSS under Enfold->General Styling:
.home .main_color { display:none; }Best regards,
RikardHello Rikard,
that wasn’t your best hint ;-), that makes the most content (except the sidebar menu and the footer) disappearing (screen).
But that’s not the real point, the very special question is, why does the “custom css for all ALB” function do not work or how can i get it to?
Or do i something wrong with some syntax?
best MarkusHi,
I’m sorry but I don’t understand what you are looking to do, this piece of code targets an element with the class codeblock assigned to it. There is no elements on your page with that class, that is why it’s not working. Also, why would you apply borders and a background to an element you don’t want to show?
.codeblock { display: none !important; border:10px solid #ff0000 !important; background-color: #ff0000 !important; }Did you follow this? http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, and did you assign a class to the element you want to hide?
Best regards,
RikardHi Rikard, the border and background are just for the showing effect and yes, i’ve done the steps in the alb posting/tutorial, this line of code is in my enfold-child functions.php (first i also tried it in enfold/functions.php):
/* // add option to edit elements via css class */ add_theme_support('avia_template_builder_custom_css');and on this screen you see the class i’ve given the codeblock on the homepage.
But nothing happen. And i don’t know why.
br MarkusHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.home .container_wrap_first .content { padding: 0; }Best regards,
YigitHello Yigit, hm, that work reasonably, but that means the custom code for all ALB elements doesn’t work and i can’t address these elements with a defined class (codeblock in this case)? You know, this codeblock container just has the sense to contain a shortcode. If i want to get rid of him i also could delete the codeblock and paste the shortcode somewhere else.
MarkusHey!
I think the best solution in your case would be placing your code block element inside a Color Section element with a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then hiding it using following code
#your-unique-id { display: none !important; }Regards,
Yigit
- The topic ‘Hiding codeblock with custom css for all ALB doesn't work’ is closed to new replies.