.PNG transparent images not transparent + Widget image issue « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Newscast

not a support question

.PNG transparent images not transparent + Widget image issue

11 posts from 3 voices

Started 1 year ago by bombstriker
Latest reply from Chris Beard
This topic is not a support question

Tags:

No tags yet.

bombstriker
Member

Transparent Issue --- I have searched for these problems and haven't found a direct answer really. When I place my .PNG transparent image in a normal text box widget for the sidebar the image does not appear transparent. Instead it adds in a black background and places a grey border around the image. It does the same for .GIF images as well. I want to remove this border that is there and get my image to appear transparent like intended. If you look at the site right now you will see two images stacked up, they should be transparent but are not, it puts a dark color behind it and you can see the border which isn't supposed to be there. What can I do to get .PNG's and .GIF's transparent like they should be?

Widget Image Issue --- I plan on placing two "buttons" side by side in the sidebar but it will not allow them to be beside each other and instead stacks them vertically. If you look at the site now I threw two images up there that should be side by side because they are small enough to fit but will not. How is this corrected?

My URL is http://www.rocketgruntjessica.com

Thank you so very much! :)

Posted 1 year ago #
Dude
Dude
Hey,
I think this thread will help you: http://www.kriesi.at/support/topic/how-to-remove-the-image-borders - I'd use the second solution (noborder class for transparent images).

2) Try to remove the center tag and add following code to style.css:
```
#main .sidebar img {
   display: inline !important;
}
```
Posted 1 year ago #
bombstriker
Member

Both solutions worked out great! Thank you very much for the help!

Posted 1 year ago #
bombstriker
Member

Alright I am having a new issue here but it is really related to my #2 question again. That worked for the sidebar but now I need to get images to line up side by side in my main body of the pages & posts. Where would I place that code, I tried several spots and I couldn't find it.

Thanks again!!!

Posted 1 year ago #
Chris Beard

Could you link to a page where you have multiple images you'd like to put in one line? This way we can give specific instructions :)

Posted 1 year ago #
bombstriker
Member

It is on the contact page.

http://rocketgruntjessica.com/?page_id=43

Posted 1 year ago #
Chris Beard
In your style.css you'll find
```
.entry img {
    padding: 3px;
}
```
You can make it float left by using
```
.entry img {
    padding: 3px;
    float: left;
}
```
This, however will change all images you'll use within entries, maybe this doesn't matter - but a solution to this would be to put a class around your images in HTML view. For example:
<p class="floatleft"><img src="image1.png" /><img src="image2.png" /><img src="image3.png" /><img src="image4.png" /></p>

The CSS for this would be
```
.entry .floatleft img {
    float: left;
}
```
You can add that below ".entry img"

Let me know if it works :)
Posted 1 year ago #
bombstriker
Member

This worked, thank you.

Posted 1 year ago #
bombstriker
Member

But I can't center the images now?

Posted 1 year ago #
bombstriker
Member

Yeah, take a look at the "Contact" page...

http://rocketgruntjessica.com/?page_id=43

The images are going side by side now but it disrupts the look of the page. I would want those images all centered and be able to put text on the bottom not on the side like that. Let me know what you think could be a possible the fix to that haha.

Posted 1 year ago #
Chris Beard

Hey,

go to HTML view and put this in below your images:
<div class="clearboth"> </div>

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.

© Copyright Kriesi.at – Wordpress Themes and HTML Templates

top