Page 1 of 3 123 LastLast
Results 1 to 10 of 22
Like Tree1Likes

Thread: Add an Ribbon to featured ads (version 3.3)

  1. #1
    Marketplace Seller mr_green's Avatar
    Join Date
    Aug 2010
    Posts
    953
    Thanks
    113
    Thanked 192 Times in 147 Posts

    Add an Ribbon to featured ads (version 3.3)

    High demand so i realized that small tuto on how do that on ClassiPress default theme




    Featured ribbon to download 60px / 60px


    1°) found in ClassiPress: loop-ad_listing.php

    Line 24 you have :<div class="post-left">
    Line 26 you have :<?php if ( $cp_options->ad_images ) cp_ad_loop_thumbnail(); ?>

    past between this 2 lines

    PHP Code:
    <?php if(is_sticky()) {?>
    <div class="featured-ribbon"></div>
    <?php
    }
    ?>
    So code will look like exactly

    PHP Code:
    <div class="post-left">

    <?php if(is_sticky()) {?>
    <div class="featured-ribbon"></div>
    <?php
    }
    ?>
    <?php 
    if ( $cp_options->ad_images cp_ad_loop_thumbnail(); ?>
    2°)

    now add this css to your style.css

    Code:
    .featured-ribbon {background: url("/images/featured.png") no-repeat scroll 0 0 transparent;display: block;height: 60px;position: absolute;width: 60px;z-index: 300;margin:-3px}

    3°)the ribbon need to be upload in the folder image \classipress\images\
    if you have a child theme correct the appropriate path


    4°)
    because the size of the ribbon
    we need to deactivate it in small phone
    so in style.css under

    line 1435
    @media screen and (max-width: 320px) {
    add
    .featured-ribbon {display:none;}

    so

    Code:
    @media screen and (max-width: 320px) {
    .featured-ribbon {display:none;}
    same for line1455

    Code:
    @media screen and (max-width: 240px) {
    .featured-ribbon {display:none;}

    if you are very meticulous reduce ribbon
    and add your own css unfortunately i can check now on tablet but i am sure someone will do


    For Grid child theme
    need to do more change
    so i will make a special one in Grid forum part.
    Last edited by Shannon; May 17th, 2013 at 03:26 PM.
    Best

  2. The Following 9 Users Say Thank You to mr_green For This Useful Post:

    aj270303 (May 19th, 2013), breeze99 (October 18th, 2013), cheltenhammedia (October 24th, 2013), corbs (July 20th, 2013), decavatayou (April 26th, 2014), dmcep (August 14th, 2014), gyver (January 30th, 2014), helmuc (June 5th, 2013), weiching (May 17th, 2013)

  3. #2
    aj270303's Avatar
    Join Date
    Dec 2011
    Location
    United Kingdom
    Posts
    2,106
    Thanks
    56
    Thanked 99 Times in 81 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

  4. #3
    samcy's Avatar
    Join Date
    Mar 2012
    Location
    Germany
    Posts
    12,098
    Thanks
    121
    Thanked 1,756 Times in 1,442 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!
    Rolf Hassel (Samcy)

  5. #4
    aj270303's Avatar
    Join Date
    Dec 2011
    Location
    United Kingdom
    Posts
    2,106
    Thanks
    56
    Thanked 99 Times in 81 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

  6. #5
    leosch's Avatar
    Join Date
    May 2013
    Location
    Netherlands
    Posts
    44
    Thanks
    1
    Thanked 3 Times in 2 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

  7. #6
    aj270303's Avatar
    Join Date
    Dec 2011
    Location
    United Kingdom
    Posts
    2,106
    Thanks
    56
    Thanked 99 Times in 81 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

  8. #7
    Marketplace Seller mr_green's Avatar
    Join Date
    Aug 2010
    Posts
    953
    Thanks
    113
    Thanked 192 Times in 147 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!
    Best

  9. #8
    aj270303's Avatar
    Join Date
    Dec 2011
    Location
    United Kingdom
    Posts
    2,106
    Thanks
    56
    Thanked 99 Times in 81 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!
    mr_green likes this.

  10. #9
    semlimite's Avatar
    Join Date
    Sep 2012
    Location
    Brazil
    Posts
    91
    Thanks
    6
    Thanked 2 Times in 2 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

  11. #10
    hello2uday's Avatar
    Join Date
    Apr 2013
    Location
    United States
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    You must be an AppThemes customer and logged in to view this response. Join today!

Page 1 of 3 123 LastLast

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Similar Threads

  1. [TUTORIAL] Add an Ribbon to featured ads (vers. 3.1.8)
    By samcy in forum ClassiPress General Discussion
    Replies: 127
    Last Post: August 28th, 2017, 08:14 PM
  2. highlighted + featured ribbon + top category for featured listing
    By opacity101 in forum ClassiPress General Discussion
    Replies: 19
    Last Post: December 18th, 2012, 06:05 AM
  3. [TUTORIAL] Show tabs: Just listed | Featured | Popular | Categories (vers. 3.1.8)
    By samcy in forum ClassiPress General Discussion
    Replies: 13
    Last Post: July 25th, 2012, 02:29 PM
  4. [Featured] & [Sold] modifications for Classipress Vers. 3.1.7
    By samcy in forum ClassiPress General Discussion
    Replies: 8
    Last Post: March 23rd, 2012, 10:17 AM
  5. [MOD NEEDED] Featured Ribbon
    By samanders in forum ClassiPress General Discussion
    Replies: 2
    Last Post: February 1st, 2011, 05:00 AM