Home Forums Free Themes Magzimum How to add "Clickable Image Featured-Content"

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1618
    rosty.jeedom
    Participant

    Hello,
    I can not make them clickable image slider (featured content).
    How to proceed ?
    Another problem, I would not display the article on the home page (that’s OK) but have a “previous article” button below the widget of “front page widget area”.
    Thank you in advance.

    #1620
    wensolutions
    Keymaster

    Hello @rosty.jeedom,
    For your first request, just paste the following codes in child theme’s ‘functions.php’

    
    function magzimum_render_featured_content( $content_details = array() ){
    
        if ( empty( $content_details ) ) {
          return;
        }
    
        $featured_content_show_arrow     = esc_attr( magzimum_get_option( 'featured_content_show_arrow' ) );
        $featured_content_show_thumbnail = esc_attr( magzimum_get_option( 'featured_content_show_thumbnail' ) );
        $featured_content_show_date      = esc_attr( magzimum_get_option( 'featured_content_show_date' ) );
        $featured_content_show_category  = esc_attr( magzimum_get_option( 'featured_content_show_category' ) );
        $featured_content_enable_autoplay  = esc_attr( magzimum_get_option( 'featured_content_enable_autoplay' ) );
        $featured_content_transition_delay  = absint( magzimum_get_option( 'featured_content_transition_delay' ) );
    
        ?>
        <div id="featured-content">
          <div class="container">
    
            <?php
              $data_text = '';
              if ( 1 == $featured_content_show_arrow ) {
                $data_text .= ' data-show_arrow="1" ';
              }
              if ( 1 == $featured_content_enable_autoplay ) {
                $data_text .= ' data-enable_autoplay="1" ';
              }
              if ( absint( $featured_content_transition_delay ) > 0 ) {
                $data_text .= ' data-transition_delay="' . $featured_content_transition_delay * 1000 . '" ';
              }
             ?>
    
            <div id="main-featured-content" class="owl-carousel" <?php echo $data_text; ?>>
    
                <?php foreach ( $content_details as $key => $content ): ?>
    
                  <div class="item">
                  <?php if ( 1 == $featured_content_show_thumbnail && isset( $content['images'] ) ): ?>
                   <a href="<?php echo esc_url( $content['url']); ?>"><img src="<?php echo esc_url( $content['images'][0] ); ?>" alt="<?php echo esc_attr( $content['title'] ); ?>" class="alignleft" /></a>
                  <?php endif ?>
                  <?php if ( 1 == $featured_content_show_category && ! empty( $content['categories'] )  ): ?>
                    <span class="cat-links"><?php echo $content['categories']; ?></span>
                  <?php endif ?>
                    <h3><a href="<?php echo esc_url( $content['url']); ?>"><?php echo esc_html( $content['title']); ?></a></h3>
                    <?php if ( 1 == $featured_content_show_date ): ?>
                      <span class="date"><?php echo esc_html( $content['date']); ?></span>
                    <?php endif ?>
                  </div>
    
                <?php endforeach ?>
    
            </div> <!-- #main-featured-content -->
    
          </div><!-- .container -->
        </div><!-- #featured-content -->
    
        <?php
      }

    For second issue, would you please elaborate your issue a bit more? May be with your site-url.

    Note: Creating a Child Theme.

    Thanks,

    #1655
    rosty.jeedom
    Participant

    thank you very much, it works šŸ™‚

    I have other questions:

    1) How to display widget “front page widget area” only on the home page?

    2) How to display the button “previous article on the home page” without there was an article on the home page?

    3) How to reduce the size of thumbnails articles “Archive list”?

    4) How algner has drite looking bare add in the menu?

    Added code to bring up the search bar :

    function add_search_box($items, $args) {
    		
    	if( $args->theme_location == 'primary' ) {
    	
    		ob_start();
            get_search_form();
            $searchform = ob_get_contents();
            ob_end_clean();
     
            $items .= '<li id="searchform">' . $searchform . '</li>';
           	
    	}  return $items;	
       
    }
    add_filter('wp_nav_menu_items','add_search_box', 10, 2);

    And style.css (does not work with this theme)

    #searchform {
        float: right;
        margin-right: 5px;
    }
    

    thank you in advance

    #1664
    wensolutions
    Keymaster

    Hello @,
    Glad to hear that your earlier issue has been resolved šŸ™‚

    However, answers for above queries are replied below:

    1) How to display widget ā€œfront page widget areaā€ only on the home page?

    Actually, ā€œfront page widget areaā€ is for displaying the widgets assigned to that area in the homepage only. This is the default feature of the theme. For any confusion, feel free to elaborate on this.

    2) How to display the button ā€œprevious article on the home pageā€ without there was an article on the home page?

    This is still not clear enough for us. Would you please explain this a bit more?

    3) How to reduce the size of thumbnails articles ā€œArchive listā€?

    This feature is not available in the theme. However, this can be achieved by making a Child Theme where some customization is to be done. For this, you may require to Hire a Customizer as it may be realted to some designing as well.

    4) How algner has drite looking bare add in the menu?

    Would you please explain a bit on this? May be with your site-url.

    Thanks,

    #1672
    rosty.jeedom
    Participant

    Thank you for your quick response, I’ll try to be clearer.

    1) I would like the widgets that are added in “front page widget area” is only visible on the homepage, this is not the case.

    2) When I chose to post articles on the home page, I have the “previous articles” button that appears, I want this button to be present but without any items on the home page (only widgets), articles will then be visible in page 2.3 etc …

    3) I have done a child theme but I can not find how to reduce the thumbnails ….

    4) I forgot the screenshot, but here’s the URL of the site:

    http://rostylesbonstuyaux.fr/

    I can not align with the right search bar.

    Another question, how to add the white background for the widget footer?

    Thank you in advance.

    #1676
    wensolutions
    Keymaster

    Hello @rosty.jeedom,
    Below are the answers for all of your queries:

    1) I would like the widgets that are added in ā€œfront page widget areaā€ is only visible on the homepage, this is not the case.

    Go to Customize-> Widgets -> Front Page Widget Area. Click Add a Widget and Select the Widget you needed to show on the Home Page.

    2) When I chose to post articles on the home page, I have the ā€œprevious articlesā€ button that appears, I want this button to be present but without any items on the home page (only widgets), articles will then be visible in page 2.3 etc ā€¦

    Previous Articles button is seen only if there is atleast one item post present. So, if you don’t have any item on the home page, the previous article button also can’t be shown.

    3) I have done a child theme but I can not find how to reduce the thumbnails ā€¦.

    Replace the word large of ‘aligncenter’ ) ); ?> inside content.php with medium or small. Copy the file content.php and all its associated folders of parent theme into child theme and make changes.

    4) I can not align with the right search bar.
    The search bar is aligned right in theme. So, it doesn’t have any meaning to align the something right which is right aligned itself.

    5) how to add the white background for the widget footer?

    Go to Customize-> Themes Options-> Custom CSS and paste the following code inside the box.

    #footer-widgets .widget-title,  .footer-widget-area ul li a, .footer-widget-area p, .footer-widget-area, #colophon, #colophon a {
           color: #fff !important;
    }

    I hope this will help to resolve your issue.
    Regards.

    #1678
    rosty.jeedom
    Participant

    1) I believe that you do not understand, I want ONLY the widget on the home page.
    Look on page 2 (http://rostylesbonstuyaux.fr/page/2/) the widget is still there, how to remove them?

    2) I would like it to have it just the “previous articles” button on the home page.

    3) it is ok for “small” to “medium” but the image is huge (in media correctly set yet)

    4) image is better, how to align it right? http://img11.hostingpics.net/pics/530439search.jpg

    5) it does not work, what are the color of the font that is changing with this code (see website)

    thank you again for your time.

    #1689
    wensolutions
    Keymaster

    Hello @rosty.jeedom,
    Replies for above queries are posted below:

    1) I believe that you do not understand, I want ONLY the widget on the home page.
    Look on page 2 (http://rostylesbonstuyaux.fr/page/2/) the widget is still there, how to remove them?

    This is not a basic customization. And that is why we kindly recommended you to to Hire a Customizer.

    2) I would like it to have it just the ā€œprevious articlesā€ button on the home page.

    This button is seen only if there is at least one item post present. So, if you donā€™t have any item on the home page, the previous article button also canā€™t be shown. This is directly related to post number. However, some customization would do it. But this too is not a basic customization. And that is why we kindly recommended you to to Hire a Customizer.

    3) it is ok for ā€œsmallā€ to ā€œmediumā€ but the image is huge (in media correctly set yet)

    For this, we would recommend you to crop those huge images and re-upload them.

    4) image is better, how to align it right? http://img11.hostingpics.net/pics/530439search.jpg

    Just add this css code in your child theme’s style:

    li#searchform {
        float: right;
        margin-top: 3px;
    }

    5) it does not work, what are the color of the font that is changing with this code (see website)

    As there were widgets in the footer previously, we provided you that css. But now we can’t see widgets in your footer. The above given css is for footer widgets.

    Regards,

    #1698
    rosty.jeedom
    Participant

    1) ok, damage
    2) OK, damage
    3) I tried but without success, it does not matter because in the medium that suits me
    4) it’s ok, thank you
    5) there was a bug that prevented to display widgets you can now watch only the font color is white, still no white in the bottom widget

    thank you very much for your time

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