Home>Support>Vantage Pro Blog customizing

Vantage Pro Blog customizing

By BAZZ, 9 years ago. Last reply by Andrew Misplon, 9 years ago.

Hi, SiteOrigin Team!

I would like to customize my Blog (posts) Archive page.

I have few questions :

1. If You will see, all of my site pages is with meta sliders, but how to include meta slider in Blog (posts) Archive page? ( I need to include meta sliders in this pages : http://adlerpack.eu/en/category/news-information/ and http://adlerpack.eu/category/news/ )

2. How to take out (don’t show) the text “Category Archives:” ( I would like to stay only the page title name. In my variant it is “News & Information” and “News & Informationen”) in this pages : http://adlerpack.eu/en/category/news-information/ and http://adlerpack.eu/category/news/

3. How to include meta slider in EACH Blog (posts) pages? ( for example: I need to include meta sliders in this pages : http://adlerpack.eu/en/easter-greetings/ and http://adlerpack.eu/osterwunsche/ )

4. How to take out (don’t show) the text “Posted on” ( I would like to stay only the date of post. In my variant it is “April 4, 2015”) & How to take out (don’t show) the text “Posted in News & Informationen.” in this pages : http://adlerpack.eu/en/easter-greetings/ and http://adlerpack.eu/osterwunsche/

URL: http://adlerpack.eu/en/category/news-information/

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hi BAZZ

    Thanks for your support.

    1. Meta Slider only displays on pages as there isn’t an easy interface to allow slider selection on archive pages. There is no “page” so to speak to select the slider on. If you need to link to a category page and want a slider on that category page you could do this:

    a. Create a page.
    b. Use Page Builder to insert a Post Loop widget.
    c. Select the required category using the Post Loop widget query builder.
    d. You should now have a regular page displaying a single category.

    If this isn’t suitable you’d need to go the child theme route. We’d then need to advise you on hard coding a particular slider ID for archive pages.

    2. Steps a – d above would also be applicable for this. Alternatively you could hide the entire title from archive pages:

    /* Archives */
    
    .archive .page-header { display: none; }
    

    Removing only the words Category Archives will involve a child theme. We can assist if you’d like to go that route.

    3. We don’t have an easy solution for this at the moment. Adding the meta box to select a slider per post is a pretty deep rabbit hole and would require custom development from an outside developer. We can point you in the right direction if needs be. We could roll out a similar solution as suggested for archives and hard code a single slider to be displayed for all posts. Not sure how much use that is though.

    4. Insert the following at Appearance > Custom CSS to hide the entry categories and tags displayed at the end of each post:

    /* Entry Categories */
    
    article.post .entry-categories, article.page .entry-categories { display: none; }
    

    To remove only the words Posted On will require a child theme. The following will need to be pasted in the child theme functions.php file. Let us know if you’d like us to set that up for you:

    if ( ! function_exists( 'vantage_posted_on' ) ) :
    /**
     * Prints HTML with meta information for the current post-date/time and author.
     *
     * @since vantage 1.0
     */
    function vantage_posted_on() {
    	$posted_on_parts = array(
    		'on' => __( '<a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a><time class="updated" datetime="%5$s">%6$s</time>', 'vantage'),
    		'by' => __( '<span class="byline"> by <span class="author vcard"><a class="url fn n" href="%7$s" title="%8$s" rel="author">%9$s</a></span></span>', 'vantage' ),
    	);
    	$posted_on_parts = apply_filters('vantage_post_on_parts', $posted_on_parts);
    
    
    	$posted_on = sprintf( implode(' ', $posted_on_parts),
    		esc_url( get_permalink() ),
    		esc_attr( get_the_time() ),
    		esc_attr( get_the_date( 'c' ) ),
    		apply_filters('vantage_post_on_date', esc_html( get_the_date() )),
    		esc_attr( get_the_modified_date( 'c' ) ),
    		esc_html( get_the_modified_date() ),
    		esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
    		esc_attr( sprintf( __( 'View all posts by %s', 'vantage' ), get_the_author() ) ),
    		get_the_author()
    	);
    	echo apply_filters('vantage_posted_on', $posted_on);
    }
    endif;
    
  2. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Here is a child theme to get you started:

    https://siteorigin.com/wp-content/uploads/2015/06/vantage-child-bazz-01.zip

    Download the ZIP to your desktop and install from Appearance > Themes > Add New. Activating a child theme will reset menu location settings and Customizer settings. This is expected.

    The child theme without taking any action will remove “Posted on” and will remove “Category Archives:” strings.

    Hope that helps :)

  3. 9 years, 3 months ago BAZZ

    Hi, Andrew!

    Tanks for help!

    So,

    I don’t want to use child theme because it’s too difficult for me. :/

    Ok, let’s go step by step:

    1. Your solution with Post Loop is very good for me, BUT if you will take a look now on this page http://adlerpack.eu/en/news-information/ you will see that my first news don’t displaying correctly (the foto position is higher than title and all text of news; don’t show the date of post). What I have to do that Post Loop will show information correctly like on this page http://adlerpack.eu/en/category/news-information/

    thanks

  4. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Forget any PHP. The child theme I sent fixes easily two of your requests. You just need to right click on the link, save it your desktop and install from Appearance > Themes > Add New: Upload Theme. Done. Sure, there are some settings t redo, that’s just tedious. Give it a go.

    Ok:

    1. Yes, you are quite right. Apologies, I have made the appropriate fixes for the next version of Vantage. Apologies for the hassle. For now you can hotfix by adding the following to Appearance > Custom CSS:

    /* Hotfixes: Remove after next Vantage update */
    
    /* Post Loop */
    
    .widget_siteorigin-panels-postloop h1.entry-title {
      margin-top: 0;
      margin-bottom: 0;
    }
    
    /* Pages - Entry Meta */
    .page .entry-meta { display: block; }
    
    article.page .entry-meta:first-of-type {
      display: none;
    }
    
  5. 9 years, 3 months ago BAZZ

    Hi, Andrew!

    Thanks a lot for help!

    So, let’s start all over again :) Forget about a child theme, because i use more custom codes and i forget where i use it :)))) that’s why when I install your version of child theme, i have lose all of my custom codes :)))) and that’s why i have return to usual vantage pro theme and continue to work with Custom CSS instrument.

    Ok. Let’s see where we are:

    1. Done. ( Using Post Loop widget)
    2. Done. (I use 301 redirect from Archive Category to News page)
    3. Forget. (I don’t need it more)
    4. a) Forget (I don’t need it more)
    b) Done. (the text “Posted in News & Information” don’t show any more)

    but a have any questions :)))))

    5. How to include date of post under the post name (in my version “Easter Greetings” in http://adlerpack.eu/en/news-information/ ) ( it can be with text “Posted on” :)))))) )

    6. How to take out (don’t show) the POINT before the post text (in my version ” . We wish you a Happy Easter! …..” in http://adlerpack.eu/en/news-information/ )

    Thanks.

  6. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Hey Bazz

    Child Theme

    Not sure I’m following, let me try explain. Changes made to Appearance > Custom CSS in the parent theme won’t be lost when activating the child theme. When you activate a child theme it does reset menu location settings at Appearance > Menus and Appearance > Customize > Theme Design settings. This is normal. Those setting just need to be re-saved.

    If you don’t want to use the child theme modifications, that’s cool, just thought I would explain what happened.

    5. Try the following at Appearance > Custom CSS:

    /* Entry Meta */
    
    .page .entry-meta {
      display: block;
    }
    
    article.page .entry-meta:first-of-type {
      display: none;
    }
    

    6. The period/point looks to be in the text. Please edit the post in question and check that there isn’t one at the start of the post. Also check the Excerpt field and make sure there isn’t a period/point there.

    Thanks

  7. 9 years, 3 months ago BAZZ

    Hi, Andrew!

    About child theme – i have not codes changes in Appearance > Custom CSS only. i have codes changes in different php files (for example function.php and others, but i don’t remember where :)))))) )

    5. Unfortunately this code doesn’t work.

    6. I have find where is it this point. So, this point is located in post foto title. So, why i use this point in foto title? Because i need the frame for foto, but frame for foto doesn’t work without any symbols in title. How to get frame for foto without symbols using?

    Thanks

  8. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Thanks for the info. Please keep in mind that you can’t update Vantage as is. If you ever run a theme update all your code changes will be lost. All WordPress themes overwrite themselves during theme updates. This is where a child theme and or Custom CSS is applicable.

    Using this form: https://siteorigin.com/orders/ you can retrieve your original order email. In there is a link to download the ZIP file for Vantage Premium.

    You’ll then need to compare the original functions.php with your new functions.php to find the alterations. You can use a program like https://sourcegear.com/diffmerge/.

    You can then move your changes over to a child theme to make them update safe.

    https://codex.wordpress.org/Child_Themes

    5. Sorry, change to:

    /* Entry Meta */
    
    .page .entry-meta {
      display: none;
    }
    
    .page .panel-grid-cell .entry-meta {
      display: block;
    }
    

    6. Edit the post concerned. Click Screen Options top right. Enable Excerpt. Then scroll down to the Excerpt field and enter your own manually written excerpt.

  9. 9 years, 3 months ago BAZZ

    Thanks for detail instruction about the child theme.

    5. Done (Works great. Thanks)

    6. I have find this options, but i don’t know what i need to write in Excerpt. I need picture with frame but without text inside.

    thanks for help!

  10. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Your blog layout should automatically be inserting an image. If it’s not then please check that each post has a featured image added. You can add a featured image to a post from the right column link “Add featured image”. For more, please, see: http://en.support.wordpress.com/featured-images/.

    Your excerpt should be only text. It’s usually the first paragraph of your blog post.

  11. 9 years, 3 months ago BAZZ

    Hi Andrew,

    Unfortunately You don’t understand me… Ok let’s start from another side :)

    When I create the post http://adlerpack.eu/osterwunsche/ , I have used the Page Builder option. In Page Builder I have used Visual Editor. Than I have written the news text and have insert the media file (photo with eggs). So, if I want to get the frame around the photo I have to do this steps:

    Click on the photo –> click Edit –> in opened window “Image Details” I need to write some symbol in “Caption” area, because if I don’t write some symbol the photo will not show the frame.
    That’s why I use the symbol “.” .

    So, that’s why we can see this point in this page before the text http://adlerpack.eu/news/

    That’s why I have a question: How to take out (don’t show) the POINT before the post text or how to get frame for photo without symbols using?

    Ufff…. I hope that now You understand me.

    P.S. Excuse me for my poor English :/

    Thanks

  12. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Got you.

    If your images are aligned left then you could remove the caption and try this at Appearance > Custom CSS:

    /* Left aligned images */
    .entry-content .alignleft {
      max-width: 100%;
      margin: 5px 30px 0 0;
      border: 1px solid #e0e0e0;
      padding: 8px;
      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.09);
      -ms-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      text-align: center;
    }
    
  13. 9 years, 3 months ago BAZZ

    Yeah! It’s works :))) thanks a lot :)))

  14. 9 years, 3 months ago Andrew Misplon
    Hi, I Work Here

    Win :) Glad to hear that helped. All the best.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More