Ask the community

This is a community support forum where you can ask
questions and interact with other PremiumPress Customers.

Featured Ribbon in listing page

  • Narender Kumar
    Narender Kumar
    Senior Member 273 points
    July 31, 2013 at 6:36 pm

    Hi,

    I want to move the featured ribbon a little bit diagonally right upwards as it is hiding words under it . Is there any custom css code for this.

    Regards,

  • Narender Kumar
    Narender Kumar
    Senior Member 273 points
    August 1, 2013 at 10:47 am

    Can anyone provide a solution.

  • olivier
    olivier
    Newbie 24 points
    August 1, 2013 at 10:50 am

    Do you have a link of your website ? , please

  • Narender Kumar
    Narender Kumar
    Senior Member 273 points
    August 1, 2013 at 10:59 am
  • olivier
    olivier
    Newbie 24 points
    August 1, 2013 at 11:16 am

    hi Narender Kumar,

    You have 2 options,

    You can download the image for this ribbon and resize smaller and upload it ok.
    You need to have access to FTP and familiar with it

    Or you can play with the Css of the ribbon and their is a css file for it call css.ribbon.css located PTT folder

    Link : couponpress/PTT/css/css.ribbon.css

    If add some margin example top margin. you need to add the margin for the image and the shadow of this ribbon image.

    You can identify the style to change with firebug in order to simulate your modification .

    I am going to look more and see exactly what you need to do ok

  • Narender Kumar
    Narender Kumar
    Senior Member 273 points
    August 1, 2013 at 11:23 am

    Thanks olivier,

    I will try and see what I can do.

  • olivier
    olivier
    Newbie 24 points
    August 1, 2013 at 11:24 am

    Go to your FTP Server

    Look for your themes

    wp-content/themes/couponpress/PPT/css/css.ribbon.css.

    Look for line 52

    You have this

    /***** Wrapping Ribbons *****/

    .wrap-ribbon {
    position: absolute;
    z-index: 0;
    text-align: center;
    color: #fff;
    behavior: url(PIE.htc);
    }

    Add 1 line for the margin you want as example below

    .wrap-ribbon {
    color:#FFFFFF;
    text-align:center;
    behavior: url(PIE.htc);
    top-margin:20px;

    }

    save
    refresh your browser and see if change is ok

    hope it’s help

    Hope it’s help

  • Narender Kumar
    Narender Kumar
    Senior Member 273 points
    August 1, 2013 at 11:39 am

    Thanks Olivier.

    Regards,

  • Mark Fail
    Mark Fail
    Super Guru 12,822 points
    August 1, 2013 at 11:45 am

    thanks for sharing

  • Ian
    Ian
    Super Guru 1,200 points
    August 1, 2013 at 11:46 am

    You have 2 options,

    You can download the image for this ribbon and resize smaller and upload it ok.
    You need to have access to FTP and familiar with it

    Or you can play with the Css of the ribbon and their is a css file for it call css.ribbon.css located PTT folder

    Or you can move the content down.

  • Narender Kumar
    Narender Kumar
    Senior Member 273 points
    August 1, 2013 at 6:02 pm

    Ian,

    I have tried moving the content down but it is not saving the same.

Viewing 11 posts - 1 through 11 (of 11 total)