Hi Rikard,

when a variable isn´t possible for the portfolio_item, then you can close this topic. Can I close this, where?

Thanks.
Alex

Nothing on my end (mobile and desktop) the portfolio page shows blank grid. Only when you click on a category does it show portfolio items.

Hi Yigit,

Thanks for your response. I implemented your code in replacement of mine and it doesn’t look to be working.
All the images both left/right aligned and center-aligned are now back to their default settings.

Here is a page that is a good example *see private link* *see private screenshot*

Near the top there is an image on the right that I want to fit 100% of its container and then below there is a center aligned image that I don’t want stretching 100% of the container because it becomes fuzzy etc.

Here is my current css:

.avia-image-container.avia-align-right .avia-image-container-inner, .avia-image-container.avia-align-right img {
width: 100% !important;
margin:0px !important;
}

.avia-image-container.avia-align-left .avia-image-container-inner, .avia-image-container.avia-align-left img {
width: 100% !important;
margin:0px !important;
}

• This reply was modified 8 years, 8 months ago by Briana.

hi, There are 2 issue

1 – on dekstop the logo is not in the center of page
2- on mobile the text is too high and can not see

I don’t mean to bump here but it’s been 4 days and I’m trying to get the vertical dot navigation working because my deadline is looming – just some general ideas about how to implement this would be great. I’ve managed to work out the border issue, so I’m sharing the css here –

#emblem {
left: 0px;
top: 0;
padding-top: 0;
position: fixed;
z-index: 999999;
background: url(“http://www.rentkaslo.com/images/banner.png”) left top no-repeat fixed;
height:280px;
width:280px;
}

#top-border {
height:10px;
width:100%;
background:#6f9136;
z-index:999998;
position:absolute;
}

div.container_wrap.fullsize /*avia-bg-style-scroll.avia-no-border-styling */{
/*
*/
position:relative;
bottom:-10px;
}

Hi Ygit, I still had the same problem on my website. I bypssed it by creating a full-size custom menu on top the main content of the single product page: I added to my function.php

However it would be nice to understand why the left sidebar stays below the main product image and nto beside the main content!

Hello Rikard,

Ok, I should probably be more specific.

I have a particular (category) of posts named: “interviews.” And what I want is this …

1. On the home page feed, the featured image will have text on it.
2. On the single post page, I will have an image (on top of the element) as you mentioned above.
3. There will be a (3rd page) where the “interviews” category will be displayed in a grid layout. I want the grid thumbnails to have their own images so they aren’t so (cropped).

Does that make sense?

on mobile
https://imageshack.us/i/pnH4nR3up

on dekstop

https://imageshack.us/i/pm6GdWPqp

Topic can be closed, found the solution here:

:).