Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #19130

    Does anyone have experience modifying the layout for a featured slideshow in a portfolio? Is this even possible?

    I’m specifically trying to alter <div class=”ajax-portfolio-response”> found in the dynamic portfolio element. I would like to make the image appear at full-width and remove the title text and description.

    Any help is much appreciated!!

    #102336

    Hi floodster,

    Kindly go to wp-content/themes/angular/includes/helper-templates.php and find this code block (line 1230) :

    echo "<div class='inner_slide'>";

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

    if(!post_password_required())
    {
    echo $dataHTML;
    }

    echo "</div>";

    echo "<div class='portfolio-entry one_third'>";
    echo "<h1 class='ajax-portfolio-title'>".get_the_title()."</h1>";

    echo "<div class='entry-content'>";
    $meta = avia_portfolio_meta($id);
    if($meta)
    {
    echo avia_advanced_hr(false, 'small');
    echo $meta;
    }
    echo avia_advanced_hr(false, 'small');
    the_content(__('Read more &rarr;','avia_framework'));
    echo "</div>";

    echo "</div>";

    echo "</div>";

    replace it with this code:

    echo "<div class='inner_slide'>";

    echo "<div class='flex_column alpha omega'>";

    if(!post_password_required())
    {
    echo $dataHTML;
    }

    echo "</div>";

    echo "</div>";

    Hope this helps. :)

    Regards,

    Ismael

    #102337

    Hi Ishmael,

    Thank you so much for the assistance. That worked very well! I have a few other questions for you, if you don’t mind…

    Ideally, I would like to remove the thin border around the slideshow container, and have the images of the show take up the full-width, which would be the exact same width as the portfolio thumbnails beneath it. Is there an easy way to do that?

    I am also curious if the Portfolio thumbnails in the grid can be changed to a square format, rather than the standard rectangles.

    Thank you in advance!

    Ryan

    #102338

    Hi,

    Are you talking about the AJAX Portfolio slideshow? Would you like to remove the info on the right side then make the slideshow fullwidth?

    Regards,

    Ismael

    #102339

    Yes, I am talking about the AJAX Portfolio slideshow that is generated by a custom page template, which I am using as a front-page. I successfully removed the thinline border by modifying the css through the custom.css file.

    I am still unsure of how to edit attributes of the portfolio grid beneath the AJAX slideshow. Thoughts?

    Many Thanks,

    Ryan

    #102340

    Can you post a link to your website please. It seems like Ismael already removed the two_third class from the slideshow container and the slideshow container should be “fullwidth” now (covers the entire content area). I’d like to investigate the source code – this helps us to find the issue.

    #102341

    The site, in a very rough stage of development, is here: http://www.fsphotographers.com/angular

    Thanks!

    #102342

    Hi Ryan,

    The changes made to the inner_slide div removed the meta data, title and content from being generated. If you wanted to add it back in, you would need to add the following after the slideshow but still inside the inner_slide div:

    echo "<div class='portfolio-entry'>";
    echo "<h1 class='ajax-portfolio-title'>".get_the_title()."</h1>";

    echo "<div class='entry-content'>";
    $meta = avia_portfolio_meta($id);
    if($meta)
    {
    echo avia_advanced_hr(false, 'small');
    echo $meta;
    }
    echo avia_advanced_hr(false, 'small');
    the_content(__('Read more &rarr;','avia_framework'));
    echo "</div>";

    echo "</div>";

    Regards,

    Devin

    #102343

    Thank you for your comment, Devin. I believe you are referring to the meta data for what is shown in the slideshow, correct? I do not want that displayed, and have removed it as you noted. My more recent question was regarding editing the format of the meta data for the thumbnails below the main slideshow. For the time being, I have removed the code that displays the portfolio title, but I am still curious about the best way to edit it’s characteristics should I decide to display it again.

    All the Best,

    Ryan

    #102344

    If you wanted to edit the title within the portfolio overview it would be done with a bit of css.

    The terms are all pretty similar here so we may not be talking about the exact same thing. If you do want to alter things further, just make a screenshot pointing out exactly which elements you are trying to modify and we’ll see what can be done.

    Regards,

    Devin

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

The topic ‘Modify Portfolio Slideshow?’ is closed to new replies.