Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #16176

    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.

    #90468

    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

    #90469

    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

    #90470

    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).

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

The topic ‘AJAX portfolio image size with sidebar’ is closed to new replies.