Okay
  Public Ticket #1172341
responsiveness homepage slider
Closed

Comments

  • Anita started the conversation

    Hi there, I have 2 questions regarding your great Chords Music theme!

    I am having an issue with the responsiveness of the slider images on the homepage. I have scaled the images to the pixels 1920x800. However it seems that the slider is not responsive. I only see a part of the images. Is there a fix for this?

    I don't want to receive comments of people on the news/blog page. I amend this in the settings however, the words 'NO COMMENTS' are still on the blog/news page. Do I have to delete this somewhere in the CSS?

    http://binnenland.l1.data2.nl/nieuws/

    Attached files:  Chords - no comments phrase.docx

  •  300
    Vasilis replied

    Hi there,

    You can have a look at this post http://cssigniter.ticksy.com/ticket/336332 if you want a responsive image, but a modification like this one causes other limitations, for example, you can\'t use text or buttons on the slider.

    Also you will need to open index.php and single.php and remove

    <a href="<?php comments_link(); ?>"><?php comments_number( __( 'No Comments', 'ci_theme' ), __( '1 Comment', 'ci_theme' ), __( '% Comments', 'ci_theme' ) ); ?></a>
                            
    

    from inside.

    Try installing the WP Editor plugin to enhance the default editor and then navigate to the /themes/chords/ folder to find the file.

    If you decide to proceed with this modification I would suggest you create a child theme, copy over the files you are editing and make the modifications there. This will allow your changes to survive future theme updates. If you directly edit the theme’s files, all changes will be lost once you update.

    Have a look at this guide to learn more about child themes and how to create one
    www.cssigniter.com/ignite/beginners-guide-child-themes/

  • Anita replied

    Hi Vasilis,

    Thank you so much for your reply. Really appreciated. 

    I also had a second question. I would be very grateful if you could help me out with this as well.

    I don't want to receive comments of people on the news/blog page. I amend this in the settings however, the words 'NO COMMENTS' are still on the blog/news page. Do I have to delete this somewhere in the CSS?

    http://binnenland.l1.data2.nl/nieuws/

    Attached files:  Chords - no comments phrase.docx

  • Anita replied

    Hi Vasilis,

    This ticket you suggested to have a look at gives the message:

    Nothing here, sorry!

    http://cssigniter.ticksy.com/ticket/336332

    Any suggestion?

    Kind regards,

    Anita

  •  300
    Vasilis replied

    Hello. The slider on Chords was designed to work this way, this is normal. Currently there is no proper way to achieve what you are looking for. You can try replacing the contents of the template-frontpage.php file with these

    <?php
    /*
     * Template Name: Homepage Template
     */
    ?>
    <?php get_header(); ?>
    <?php
        $slides = new WP_Query( array(
            'post_type'      => 'cpt_slider',
            'posts_per_page' => -1,
        ) );
    ?>
    <?php if( $slides->have_posts() ): ?>
    <div id="home-slider" class="flexslider loading">
        <ul class="slides">
            <?php while( $slides->have_posts() ): $slides->the_post(); ?>
                <?php
                    global $post;
                    $url = esc_url(get_post_meta($post->ID, 'ci_cpt_slider_url', true));
                ?>
                <li>
                <img src="<?php echo esc_url( ci_get_featured_image_src( 'ci_slider' ) ); ?>" alt="">
                    <div class="slide-content">
                        <h3 class="slide-title"><?php the_title(); ?></h3>
                        <p class="slide-subtitle"><?php echo get_post_meta($post->ID, 'ci_cpt_slider_text', true); ?></p>
                        <?php if( !empty( $url ) ): ?>
                            <a class="btn btn-lg" href="<?php echo $url; ?>"><?php ci_e_setting( 'read_more_text' ); ?></a>
                        <?php endif; ?>
                    </div>
                </li>
            <?php endwhile; ?>
        </ul>
    </div>
    <?php endif; ?>
    <?php get_template_part( 'inc_hero_player' ); ?>
    <main id="main" class="home-sections">
        <?php dynamic_sidebar( 'frontpage-widgets' ); ?>
    </main>
    <?php get_footer(); ?>

    and add this

    #home-slider .slides li {
      height: auto;
    }
    

    in the custom CSS box under CSSIgniter Settings.

    This will allow the image to adapt to screen size changes. See if this solution works for you.

    Edit a post and from the discussion meta box make sure “allow comments” is checked. If the meta box is not visible, enable it via the Screen Options(More info here http://www.cssigniter.com/docs/article/screen-options/) panel on the top of the page.

  • Anita replied

    Hi Vasilis, thanks again. This concerns still the frontpage slider, isnt't?

    And than how do I delete the words 'NO COMMENTS' on the blog/news page. Do I have to delete this somewhere in the CSS?

    http://binnenland.l1.data2.nl/nieuws/

    Great to hear your reaction about this and than I will be quiet for a time ;-)

    Kind regards,

    Anita

  •  300
    Vasilis replied

    Hi there,

    The suggested code is for the slider.

    Now for your comments in the blog page open index.php and remove

        •
      <a href="<?php comments_link(); ?>"><!--?php comments_number( __( 'No Comments', 'ci_theme' ), __( '1 Comment', 'ci_theme' ), __( '% Comments', 'ci_theme' ) ); ?--></a>

    from inside.
    Try installing the WP Editor plugin to enhance the default editor and then navigate to the /themes/chords/ folder to find the file.

    Repeat this in single.php IF you need to remove it from your single posts also.

    Let me know if this works

  • Anita replied

    Hi Vasilis, this works! Great, Installing the WP Editor was not necessary anymore. Thanks for your help.

    Kind regards,

    Anita

  •  300
    Vasilis replied

    Glad I could help!