Change Title colour with Featured Pages Unlimited

  • Resolved Elektrongt

    (@elektrongt)


    9 years, 1 month ago

    Hello Nicolas and everyone in the customizr team!

    I have said this before but I shall say it again…your theme and overall work is exquisite! Thank you. Also a Happy 2016!

    Now, to the point!:
    Originally I would like to insert a line under each featured page title, a line of different colour.

    Should this not be possible, then I was thinking I would change the Featured Pages titles. I have tried this snippet found here: https://presscustomizr.com/snippet/change-text-appearance-featured-pages-heading-text-button/
    but it has been impossible to change the colour of the titles, let alone select a different colour for each one!

    Would appreciate your help tremendously!
    Ideally for the line under each FPU title. If not, then the 2nd option?

    Many many thanks!
    Elektrongt

Viewing 4 replies - 1 through 4 (of 4 total)

  • Post here https://presscustomizr.com/support/ for support for FPU.

    Thread Starter Elektrongt

    (@elektrongt)

    Thank you very much Menaka!
    I did and proceeding from there:)
    Just for reference sake and in order to assist other fellow members, this was the solution:

    You can use the following css codes in your child theme style.css
    They will add underline to featured page title and also able to change the underline color.

    /**first featured page**/
    .fp-one h2 {
    text-decoration: underline !important;
    text-decoration-color: #0000f1 !important;
    }

    /**second featured page**/
    .fp-two h2 {
    text-decoration: underline !important;
    tex-decoration-color: #666666 !important;
    }

    You can change the hex color code to your requirement.

    Notice the class .fp-one in the above mentioned codes, this refers to the first featured page.
    Therefore, .fp-two refers to the second featured page.
    The other codes are of the same structure.

    All you need to do is to duplicate the above codes ( each set ) and replace with the correct class name.
    The following are the list of class names, after the third featured page, all names are changed to numbers.

    .fp-three
    .fp-4
    .fp-5
    .fp-6
    .fp-7
    .fp-8

    You will need to clear cache plugin’s cache ( if there is any ), and clear browser history, in order for the updates to show on front end.

    Happy 2016 to all!

    Glad that you problem is resolved. Can you mark this post as resolved?

    Thread Starter Elektrongt

    (@elektrongt)

    There was an issue with colour showing up in different devices..
    The actual final solution that seems to make the most sense is:

    /**first featured page**/
.fp-one .fp-title {
border-bottom: 1px solid #f1283a !important;
}
/**second featured page**/
.fp-two .fp-title {
border-bottom: 1px solid #00bce9 !important;
}
/**third featured page**/
.fp-three .fp-title {
border-bottom: 1px solid #c5d453 !important;
}
/**fourth featured page**/
.fp-4 .fp-title {
border-bottom: 1px solid #a539c0 !important;
}

    I am therefore now marking this topic as closed!

    Have a great weekend everyone!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change Title colour with Featured Pages Unlimited’ is closed to new replies.