I have this text, once I include some vuejs extension. I need the extension badly but it seem that it cause some text to display on my footer.
Is there any hack to remove it?.
Please check immediately after my footer, there some text there.I don't have editing tool to edit the image.
Please help
You could use some CSS to simply hide it. It might not be ideal, but could work just fine depending on your situation.
.footer{
display:none;
{
you can use JavaScript to remove that div element.
let footer = document.getElementsByClassName("footer");
footer.remove();
Related
is it possible to hide every content after a certrain element (e.g. after a certain class of div)?
The problem is: I'm using a 1&1 webpage builder with a layout-template (annoying like hell) because of my boss. I'd like to remove the footer, but nothing has worked yet as it seems that the template prevents me from hiding the footer with simple CSS (I'm happy for any suggestions here as well).
But maybe it's possible to hide anything that comes after a certain element like a div or image (or whatever) so that I can put the element right before the footer?
Thanks in advance.
You should be able to use JS if it is possible on 1&1.
As you probably have JQuery you can do it like this:
$('.footer-class').remove();
or
$('.footer-class').css('display', 'none');
I don't think that 1&1 would have different classes or ids for footers each time someone refreshes it, so I think it should work.
Please provide a working example or your website address. This will help us.
Can you give us the footer's classes, id and all attributes? The simplest solutions is style="display:none" added to the footer
I'm trying to mimic the new Tumblr Text Post that removes blockquotes so all the important text is visible in a 250px text post without having to scroll. Of course Tumblr hasn't updated their entire code so blockquotes are still wrapped in custom themes.
Here's what I have so far:
http://01244235.tumblr.com/
I unwrapped the blockquote tag. Now I want to remove the links of the users who have commented.
I know there isn't a simple way of just unwrapping the entire thing until Tumblr updates their codebase. So I'm just going to remove the links entirely.
So is there a way to pick up a specific part of the code and remove it? I don't want to just remove href links because the actual text post might have some in it.
So I want to remove every <p><a class="tumblr_blog" href=""></a></p> from the post.
Any ideas?
In that case you would write:
$('p .tumblr_blog').remove();
But why not just remove the {Blockquote} tags from the theme, rather than relying on a front end solution. Or even just hide it using css:
p .tumblr_blog {
display:none;
}
If you're just looking to remove it from the DOM, try:
$(".tumblr_blog").remove();
I am having the weirdest of problems. In chrome browser alone, one of my html divs get an additional inline css tag added to it. This tag is style="overflow:hidden", this was causing the layout to break and we quick found out this was the problem.
However there is no place in the codebase that we could search which lets us know how this tag is getting added. is there a way to debug this? I tried the chrome javascript debugger but it did not help me find the issue. In all other browsers the tag does not appear. In chrome it appends itself to a div element. We tried searching on the div element assuming that jquery/javascript is doing a late manipulation of the element but still cannot find where it is happening.
Is there a watch we can set on an element to see when it is changing or who is manipulating it?
As I said in the comment you can override the class controlin your css file.
.control{
overflow:auto !important;
}
Hmm! Obviously you could step through the javascript that is on your page.
To rule out javascript you could try disabling javascript totally. Or add an inline style with
overflow: auto!important
to the div element
Hard to help with the information provided but what you can do is add overflow: visible !important; to that .control. Check this out in the console and you will see this overrides the inline hidden style
JSFIDDLE
So I have been working on a widget and I'm pretty much done with the exception of a little thing that is bugging me a bit. The widget script that users will copy and paste on their website looks like this.
<script src="http://www.example.com/widget.js"></script>
Then in the widget.js I have a line that adds an anchor text to the a tag like this.
$('.my-chat').html('Chat now');
I want the anchor text to be a certain color when active or on hover etc say blue and I have that described in its css file, however depending on the website it's placed on, their css may have other css properties for links and I realize that the anchor text of the widget gets modified depending on the website it's added on. I want to make the anchor text respect what I defined in the css of the widget, but I really don't know how. I saw this other widget that used labels, but I don't really understand what they are and how to use them.
Add this to your css
a.my-chat{ color:blue !important;}
a.my-chat:hover{ color:red !important;}
I have this invite facebook iframe that i am using on my site
<fb:serverfbml width="565px" class=" fb_iframe_widget">
but i need to display none and click a button and display it ...i assumed that i could do
.fb_iframe_widget display:none;
}
but for some reason regardless of what i put the display none on it always displays...hope can i hide the frame with jquery, javascript, or css ....any help thanks
try wrapping that in div that you have full control over it, that way you can hide it and make it visible when your button is clicked
your css does not seem right maybe that might be the problem.
try this.
.fb_iframe_widget {display:none;}