AJAX portfolio image size with sidebar « Support Forum | Kriesi.at

Support Forum » Choices

AJAX portfolio image size with sidebar

4 posts from 4 voices

Started 8 months ago by Chris
Latest reply from Dude
This topic is not a support question

Tags:

Chris
Member

Hi there,

I have edited the functions-choices.php file to display a smaller AJAX portfolio image size using the following code:

echo "<div class='flex_column one_third first'>";
echo $data->slider;
echo "</div>";

echo "<div class='portfolio-entry two_third'>";

However, this doesnt work when i have a sidebar enabled. The portfolio image is very large when i have a sidebar. How can i change this?

Also, is there any way to get the sidebar appearing along side the postfolio section only? So all the other parts/elements of my template page are full width, apart from the 'Portfolio' which has a sidebar.

Many thanks,

Chris.

Posted 8 months ago #
Devin
Moderator

Hi Chris,

Can we take a look at what you have now live? The image should be adapting to the size of the container so if you have changed the options in the functions file it may need a css tweak as well.

As for the other question, not as far as I know no. The sidebar is in an entirely different grid and pulled into the layout a separate object so to get the layout you are thinking about you would need to use instead a dynamic template and have the content set up in columns but then you would be limited by what the column element options are.

Regards,

Devin

Posted 8 months ago #
Juanmalinares
Member

Hi, i'm trying to achieve the same as the first post, but i can't find:

echo "<div class='flex_column one_third first'>";
echo $data->slider;
echo "</div>";
echo "<div class='portfolio-entry two_third'>";

Instead my functions.choices.php has:

echo "<div class='flex_column two_third first'>";
echo $slider_html;
echo "</div>";

echo "<div class='portfolio-entry one_third'>";

I can't find echo $data->slider; on the whole file.

I'm just trying to make the portfolio image with ajax smaller so my images don't get blown up and blurry.

example: http://awesomescreenshot.com/0adxafi98

Thanks

Juanma

Posted 3 months ago #
Dude
Dude
In this case just replace with:
```
echo "<div class='flex_column two_third first'>";
```
with:
```
echo "<div class='flex_column one_third first'>";
```
and
```
echo "<div class='portfolio-entry one_third'>";
```
with:
```
echo "<div class='portfolio-entry two_third'>";
```
The layout will change from a 2/3 - 1/3 structure (66% slider and 33% content) to a 1/3 - 2/3 structure (33% slider and 66% content).
Posted 3 months ago #