Ambiance Pro

[Schreckgespenster]

HI there,

I am using Ambience Pro for a client. This theme is really nice. Now I think about the pics. I will use black and white pics. But when the post open I will have a normal colored pic. But I don't know how to do it. Who can help or have an idea.

Also the header image in the post cropped my pics. Using 1140 x 1140 px. How can I change that?

I will use a logo a logo with 200 x 200 px (round transparent corners). How to change the header like this?

At a normal screen the menu has to be open. (not in responsive layout) How can I figure it out?

Thanks for help

http://pet-it-tiernahrung.de/

[Schreckgespenster]

also I wanna know how to remove the date at the frontpage-picture grid.

[WisdmLabs]

Hi,

You can upload the colored images and change it to greyscale using css.
To apply this only on the homepage you can try the following css

.home img.post-image.entry-image{
-webkit-filter: grayscale(100%);
filter: gray;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter ….3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

---

http://wisdmlabs.com/

[WisdmLabs]

Also, you can show the menu items for desktop views using media queries.

Try the following in your style.css

@media (min-width:981px){
.nav-primary .genesis-nav-menu{
display:block!important;
}
#responsive-menu-icon{
display:none;
}
}

---

http://wisdmlabs.com/

[Schreckgespenster]

This two things helps me out and it look really nice.

Thank you @WisdmLabs

------

How can I remove the date at the homepage posts?

Still have the problems with the cropped pics and the header. Where can I change the background color of the header and make the logo section right for the logo?

[Schreckgespenster]

Hi there,

changed this

.ambiance-grid .entry-header {
position: absolute;
top: 250px;
width: 100%;
}

also the thing with the date is fixed:

.ambiance-grid .entry-meta,
.ambiance-grid .entry-meta a {
color: #fff;
font-size: 0px;
}

Now I still have the problem with the header image and the header-background color.

Who can help with this?

[Schreckgespenster]

Header Problem fixed.

@WidsmLabs

In Firefox I can't see the grayscale pics. What could be the problem?

[Schreckgespenster]

found a way:

.home img.post-image.entry-image{

filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);

}

[Author]

Posts