I try to embed Google maps' street view on my website, but something weird shows up on the result:
http://www.biei.us/photography/autorotate/
as you see, the zoom slider and google logo has a white background. How do i fix this?
this is the code I use:
http://www.biei.us/photography/wp-content/themes/galleria-v2/autorotate/pano01.js
and this is how i embed it:
(in header)
(in body)
Any help is appreciated,
Jeff
For me there is also a white border for the tiles.
There are padding,'background'-and border-settings for img that also have been applied to the images of the panorama.
Use this CSS to override it:
#pano img{padding:0 !important;border:none !important;background:none;}
Related
I just want to add a basic banner at the top of my tumblr website. The code (posted below) is just below the <body> part of the html, however I can't figure out why any img link that I put into the 'imgurlhere' section only shows up as a broken icon (see picture).
<a href=“myurlhere”><center><img src=“imgurlhere” width=“500”></center></a>
broken image icon that's showing up
My idea is to upload a short gif to tumblr, and then copy the code into the html so that it is placed at the top of my website as an advertisement. However, every url I put into the 'imgurlhere' section shows up as broken - regardless of advice I've found online stating that's all one needs to do.
I'm making sure to include the correct link, such as .png etc
And making sure to copy it straight from the 'copy image address'.
Any idea?
Thanks!
I think that setting width="500" in img tag was causing this issue.
-The best way would be to add a class and then set the width of the image.
.image{
width:500px;
}
</center>
Try using your image there and let me know if it works or not.Thank You
we have the following blog:
https://atlantidivaganti.blogspot.it/
and we would like to know how to get rid of the white rectangles in the lower left corner of the post cover pictures that appear in the main page of the blog.
The only solution we've found was to set the background color as "transparent" following: Theme -> Customize/Personalize -> Advanced -> Background Color ("Colore sfondo" in Italian). But if we do so, the "Follow by Email" ("Iscriviti" in Italian) gadget appears transparent as well, and it is not easy to see.
I have prepared some slides to explain better the issue:
Thanks again in advance for your support and ciao,
Add the following CSS via Theme 🢂 Customise 🢂 Advanced 🢂 Add CSS
.snippet-thumbnail .post-header {
background: transparent;
}
I've been struggling with this post grid which I really like and want to use. But I dislike the gray part that appears besides te picture. Even the play button on a video post gets moved to the gray part instead of staying on the picture.
I am working with the newspaper theme using big grid 7, I have been trying to change the way the box works withing chrome's inspect but I can't figure it out.
Here is the website www.breakline.nl; the post grid is just above the footer (for now). You can clearly see what I mean when you zoom in or out while looking at the grid.
The above is right, but also you may add the below to complete remove the grey color from behind.
.td-big-grid-post .td-module-thumb{background:none!important;}
Generally go to the Appearance > Editor find the style.css file and at the bottom line around 33036 make a markup something like /*my own CSS*/ and add the below lines.
img.entry-thumb.td-animation-stack-type0-2 {
width:100%;}
.td-big-grid-post .td-module-thumb{background:none!important;}
Press Update file, and you are ready.
Credits go to #Relisora
add to your css file
img.entry-thumb.td-animation-stack-type0-2 {
width: 100%;
}
I'm not a very experienced css user and so I have a question about an existing HTML + CSS template. I want to use this template to make a website: http://www.free-css.com/free-css-templates/page187/life-in-color#shout
I want to personalize this template and I have already tried hours to draw the white frame upwards, so that the header (logo and top menu) into the white frame. (see image) I can't fix it myself.
Is this possible, so yes, how?
Many thanks in advance,
T. Hægh
Move your <header> in to the .main class
I have embedded a google calendar but I cannot set it so that it is positioned in the center of the page and also not flooding over the top menu.
How do I go about rectifying this?
You can see what I mean by going here:http://lichfieldrooms.uk/calendar.html
Put a text-align:center; in the .block part of the css for calendar.html.