Featured Ribbon in listing page

WordPress Business Themes Forums Version 7 Themes DirectoryPress Featured Ribbon in listing page

Featured Ribbon in listing page

July 31, 2013
Narender Kumar Narender Kumar
  • Narender Kumar
    Narender Kumar
    Senior Member 273 points

    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,

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

    Can anyone provide a solution.

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

    Do you have a link of your website ? , please

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

    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

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

    Thanks olivier,

    I will try and see what I can do.

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

    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

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

    Thanks Olivier.

    Regards,

    August 1, 2013 at 11:39 am
  • Mark Fail
    Mark Fail
    Super Guru 12,812 points

    thanks for sharing

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

    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.

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

    Ian,

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

    August 1, 2013 at 6:02 pm
Viewing 11 posts - 1 through 11 (of 11 total)

Didn't find what you were after?

Chat with us now

or contact our support team