Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #15419

    Hello,

    Thanks for this great theme !

    After many searches on your forum, I haven’t found a solution for my problem.

    I would like to reduce de width of the Ajax portfolio.

    In fact, she I click on a thubnail, I would like to reduce the width of the visual to let more space for the text.

    I have find a way to reduce the size of the image, but not for the container

    I’ve added to custom.css the following entries:

    #top.page-id-707 .slideshow li img {

    width: 200px;

    height: 162px;

    }

    #top.page-id-707 .slideshow li {

    width: 200px;

    height: 162px;

    }

    #top.page-id-707 .slideshow {

    width: 200px;

    height: 162px!important;

    }

    So, the image is smaller, but the container doesn’t fit the image.

    Could you please tell me how to reduce the image block and enlarge the text part ?

    Here is the link:

    http://websolutis.com/mv2/?page_id=707

    Thanks !

    #87429

    Hi beber666,

    First, remove the css you’ve added so far as you’ll be changing the way the ajax portfolio is generated.

    Open up functions-choices.php in your theme files and search for:

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

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

    Replace it with:

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

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

    This will switch the size of the containers for the text and image.

    Regards,

    Devin

    #87430

    Thanks you very much for your help.

    It’s working great.

    Another question: Where do I need to go to change the width of the columns ?

    Thanks again.

    #87431

    Another question:

    Any way to delete the background of thumbnails in portfolio section ?

    Thanks

    #87432

    On another question:

    Is there a way to disable the auto format function when I upload a picture on the portfolio section ?

    Actually, all my pictures are deformed, specially in the thumbnails view, and I would like to disable this function…

    Exemple: the first picture on this page

    http://websolutis.com/mv2/?page_id=707

    thanks !

    #87433

    Hi beber666,

    One question at a time :)

    If you are talking about the column size for the code we just changed, its the class names for those two divs. So one_third and two_thirds in the code above. It works in a fraction grid system so changing it and keeping it within the theme constraints you would change those class names for each div.

    To get rid of the portfolio background, Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .main_color .portfolio-sort-container .inner-entry{
    background: none;
    }

    The easiest way to keep the images in an exact size would be to make them the size of the 4 column thumbs which is 232pxx172px.

    Hope that answers your questions, I’ll mark this one as resolved since the main topic has been answered. If you have any others, please make a new topic to keep things organized and ensure we don’t miss the questions :)

    Regards,

    Devin

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

The topic ‘Portfolio width’ is closed to new replies.