resize blog grid - Support | Kriesi.at - Premium WordPress Themes

Viewing 15 posts - 1 through 15 (of 15 total)

Author

Posts
July 22, 2015 at 4:49 pm #477209

wiwaldi79
Participant

how can i make this blog grd pictures: http://www.alfaweb.at/testwaldi/partnergemeinden/ the same size like this: http://www.alfaweb.at/testwaldi/

can i set all blog grid pictures 233x233px by default? http://i.imgur.com/MK9WOBm.jpg

July 23, 2015 at 1:42 am #477442
Dake
Inactive Moderator
Hey wiwaldi79!

You can manually set a preset size from the “Select custom preview image size” section (including the original size of the image scaled down proportionally based on the number of columns/posts):

http://i.imgur.com/J5e4qpx.png

Alternatievely you can use the below css:
```
.avia-content-slider .slide-image img {
	height: 233px;
	width: 233px;
}
```
Please note that if the original image is not a perfect square, it may appear stretched:

Cheers!
Dake
July 23, 2015 at 9:15 am #477572

wiwaldi79
Participant

Hi Dake. I know that. Take a look http://i.imgur.com/BEUhqz5.jpg but the images are to small. i try it with in custom css class and your code :)

July 23, 2015 at 9:18 am #477574

wiwaldi79
Participant

i have added “grid_blog_233” custom css class but it don`t work. the grid images are still http://i.imgur.com/vS5lKdj.png 200x200px in size instead of 233x233px.

July 23, 2015 at 5:28 pm #477851

Dake
Inactive Moderator

Hi!

I see, in that case, may we have access to your website again, so we can take a look at the actual settings and css to see if there is a conflict?

Best regards,
Dake

July 23, 2015 at 7:02 pm #477907

wiwaldi79
Participant

–>

July 23, 2015 at 9:25 pm #477970

Dake
Inactive Moderator

Hey!

The first page has the blog grid in a 1/1 container:

http://i.imgur.com/mRpDFZg.png

And the custom image size is set to 450px x 450px:

http://i.imgur.com/8YTDs7p.png

Please remove the 1/1 container and adjust the preview size to 233 x 233 so it looks like the second pages settings:

http://i.imgur.com/tgjjYrr.png

http://i.imgur.com/W9oTWPC.png

Cheers!
Dake

July 23, 2015 at 9:40 pm #477975

wiwaldi79
Participant

Done.

July 23, 2015 at 9:43 pm #477976

wiwaldi79
Participant

http://www.alfaweb.at/testwaldi/partnergemeinden/ and http://www.alfaweb.at/testwaldi/kontaktdetails/

all set like you said but the images are still to small ;( only 200px

July 25, 2015 at 12:27 am #478462

Josue
Inactive Moderator

Hey!

Try reducing the number of Columns, that should increase the size of the image.

Regards,
Josue

July 25, 2015 at 2:55 pm #478654

wiwaldi79
Participant

No that`s not the problem but thanks for the hint ;) Only here at the end of page it works PERFECT http://www.alfaweb.at/testwaldi/ but only here. ;(

July 27, 2015 at 6:54 pm #479240
Yigit
Keymaster
Hi!

Please edit your color section that has your blog images and give them a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png
and then add following code to Quick CSS
```
#your-unique-id .av_one_fourth {
    margin-left: 2%; 
    width: 24.5%;
}
```
Cheers!
Yigit
July 31, 2015 at 9:42 pm #481565

wiwaldi79
Participant

i have set the color section to “233pxblog” but the images are still to small here: http://www.alfaweb.at/testwaldi/kontaktdetails/ ;(

it only works here at the end of page. http://www.alfaweb.at/testwaldi/ NO ID!!!!!!!!!

What can i change in the code? thanks sooooooooooooooooo much ;)

August 1, 2015 at 4:49 am #481623
Josue
Inactive Moderator
Hey!

Don’t put a number at the start of the class name, change (and your code) to:
```
blog233px
```
Best regards,
Josue
August 1, 2015 at 1:58 pm #481671

wiwaldi79
Participant

Thanks!!!!!!! CLOSED.
Author

Posts

Viewing 15 posts - 1 through 15 (of 15 total)

The topic ‘resize blog grid’ is closed to new replies.