Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 4, 2014 at 7:16 am #313202
    sweetbabyj

    Hello,

    Great Theme.

    I was hoping you could give me some beginner help using the “Image CSS Class” feature. I have an image inserted into the Ajax preview textbox of a Portfolio Item. I simply want to give it a CSS class so I can add padding to the image. I entered a class and then tried to use it in my child theme’s CSS but it is not changing anything. I probably have something wrong. the class name is “podcast-image”. I tried .podcast-image and just podcast-image without the period. I’m currently working on a localhost.

    Also, if you could tell me how to use the “Image Title Attribute” and the “Link CSS Class” in this section, it may help me later too.

    I’ve already solved many issues using the forums but I can’t seem to find any info on these items.

    Thanks for your help,

    September 4, 2014 at 2:57 pm #313408
    sweetbabyj

    Just a couple more things in regards to portfolio items.

    1. I currently have the ajax preview set up for “don’t show images at all and display preview text only”. Instead I put an image into the preview text. I would like to show the featured image instead but it is displayed too large. I tried the following code but it doesn’t work well with responsive design as it shrinks the image down to a tiny dot on small windows and mobile devices. I don’t think I can use a percentage and still keep the responsiveness working correctly.

    .portfolio-preview-image {
    width: 30% !important;
    }
    .portfolio-preview-content {
    width: 70% !important;
    }

    2. Also, I have the image in my preview text linked to a different website that opens in a new window. I have the title in ajax preview set to go to the same web page but it opens in the same window. Any way to have it also open in a new window also?

    3. I am trying to make the ajax slider only show the portfolio items from the selected category instead of all portfolio categories. I found this code on the forums but it is not working. (I put it in my child theme function file)

    add_filter(‘avia_post_nav_settings’,’avia_remove_fullwidth_slider_check’, 10, 1);
    function avia_remove_fullwidth_slider_check($settings)
    {
    $settings[‘same_category’] = true;
    return $settings;
    }
    I’ve already added a few changes to my child theme’s CSS and Function files without any issues. Not sure why this didn’t work.

    • This reply was modified 10 years, 3 months ago by sweetbabyj.
    September 6, 2014 at 1:35 am #314232
    Josue

    Hi!

    1. Try modifying your code to:

    @media only screen and (min-width: 767px) {
.portfolio-preview-image {
width: 30% !important;
}
.portfolio-preview-content {
width: 70% !important;
}
}

    2. Try adding this to child functions.php:

    function add_custom_script(){
?>
<script>
jQuery(window).load(function(){
	      jQuery(".grid-entry-title a").attr("target", "_blank");
});
</script>
<?php
}
add_action('wp_footer', 'add_custom_script');

    3. That code affects the portfolio navigation links you’ll see at the sides when viewing a portfolio item or a post in single view, is that what you are referring to?

    Best regards,
    Josue

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.