I would like to hide the banner that appears on Tumblr, both in the web version and in the mobile version. Maybe with CSS or html.
enter image description here
Thank you
The banner uses the class name .follow-teaser. Just add the following to your css
.follow-teaser {display: none}
Related
I have a Facebook Like/Share box (copied from the code on Facebook) in between my Twitter and Google+ icons.
On the browser version of my page (scroll most of the way down to see the buttons), everything is aligned perfectly. On my iPhone, the Facebook box is about 20px below the rest. I have tried all sorts of HTML and CSS coding, and nothing seems to get the mobile version to look right.
I was able to set up a class to move the Facebook box up by 20px, which made it look great on the iPhone but way too high on the Chrome version.
Check by adding the width attribute to the anchor tags of p element,
p a {
width: 30%;
}
I want to add a button in email template and want to call a method based on that button click.
can anyone suggest me how can i do this?
Thanx in advance.
In html email, you are limited to html and css, so the only button you can create is a hyperlink. You could however pass some url parameters to a web page that does all your dirty work for you.
The design options are:
An image wrapped in a href <img src="">
Full CSS button - by building it in CSS so that it shows with images turned off.
"Bulletproof Buttons" - using a combination of CSS and background images. They fallback to the css if the images are turned off. See buttons.cm for a great example
I have reskinned http://peggywho.com with a fixed background in Tumblr. However, as I am adding posts to the website, the mobile view in ipad and iphone doesn't allow the background to stretch across the page. It has black space at the top and bottom (I'm unable to add an image as I am new here)
custom CSS for the background is as follows:
body {
margin-top:15px;
background-position:center center;
background-image:url('https://dl.dropboxusercontent.com/u/2633376/PS_web_BG_01.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
}
I am relatively new to coding so still learning my way around. Is there anything to add to the HTML or CSS that would allow mobile viewing to replicate the website, which looks the way I want it to look?
Thanks in advance
I have tried various solutions to get the iframe to adjust according to the website's content height, so that I can do away with vertical scrollbars, but cannot get a satisfactory solution.
Many solutions ask for a section of code to be added on the 'server side'. If that means I have to edit lines of code within my Wordpress files, where would I do this?
Here is a link to the iframe in question.
Rather than try to adjust the Facebook page to fit your WordPress install, you're better off changing your WordPress theme to deal with being shown in a Facebook iframe.
When displayed in the iframe, you should have a theme that is fixed-width to your canvas, and no sidebars. Just a content pane. You would then have your regular theme for when visitors arrive outside of a Facebook frame.
The Virtual Theme plugin looks like it could help with this. I've never used it personally.
The button-count Layout Style height of the "Like" button and corresponding counter block is 20px high. Is there any way to shrink that block to 16px using css of jQuery or any other method?
Thanks
It can't be done. The only customization you can do is what you see here:
http://developers.facebook.com/docs/reference/plugins/like/
See this article on why it's so difficult to resize iframes:
http://css-tricks.com/cross-domain-iframe-resizing/
Actually you can hide whatever you like by wrapping it with a div and doing some css. Or you can !important override any of the CSS facebook uses by doing it in your own stylesheet. Just open up your page in firebug after adding the button and you can figure out what css to override. Honestly it's not worth it though, the facebook iframe for their button tears up android browsers and slows down every page you put it on.
I added the button to a page and only wanted the button not a count or their blown out text message beside it. so I created a div with the id="facebook" and wrapped it around the div they give you on the dev site. Then added this CSS to my stylesheet.
#facebook {
max-width:42px;
max-height:20px;
overflow:hidden;
float:left;
}
You can use a couple of div's to wrap it then change the centering of the button as well using negative margins on the inner div. But again it's not honestly worth it to me so I stopped sending links to facebook and stick with twitter and pinterest.
Hope that helps.