Home › Forums › Pro Themes › Photomania Pro › Removing "First Letter" Formatting

Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 23, 2016 at 5:19 am #26507
    EZiser
    Participant

    Hi Wen,

    Just downloaded the new Pro version of Photomania. Looking forward to trying it out. However! I cannot, for the life of me, figure out how to remove this “first letter” color formatting. Didn’t see anything under Color Options or the Documentation. Could you please advise?

    Thanks!

    December 23, 2016 at 5:52 am #26514
    wensolutions
    Keymaster

    Hello,

    The First letter color effect is default theme design that adds extra styling to the titles and texts around the front page.

    If you want to remove the coloring effect please paste in the following custom CSS in Your Admin Dashboard > Appearance > Customize > Additional CSS :

    #front-page-home-sections .section-title::first-letter, #photomania-front-page-widgets .widget-title::first-letter, .widget-title::first-letter, #main-slider h3::first-letter {
    color: #222222!important;
}

    Hope this Helps,

    Best Regards !!

    December 23, 2016 at 6:03 am #26516
    EZiser
    Participant

    Hi @wensolutions,

    While this does change the first letter’s color, it doesn’t work in all instances…

    For example:
    Photomania Pro allows you to set slider color (default white text)
    Photomania Pro allows you to set homepage sections (default black text)

    So…

    If I “force” the color per your email, it only satisfies one of those choices. You can see what I mean here: http://www.tickettotakeoff.com/

    Which means…

    The custom CSS needs to be dependent on whatever letters come after it. I’m a little confused why there’s custom formatting on this letter to begin with… but looking forward to hearing your solutions.

    Thanks!

    December 23, 2016 at 6:33 am #26521
    wensolutions
    Keymaster

    Hello @EZiser,

    We apologize for missing on the points. As the two different sections can be addressed by different selectors please replace the previous Custom CSS with the one below that addresses both situations :

    /* CSS for the Widget Title and Front Sections */
#front-page-home-sections .section-title::first-letter, #photomania-front-page-widgets .widget-title::first-letter, .widget-title::first-letter{
    color: #222222!important;
} 

/* CSS for the main Slider Text */
#main-slider h3::first-letter {
    color: #ffffff!important;
}

    This should remove the styling for both the sections with the default colors. We have also commented the code to make sure you can understand it properly. However please make sure to update the color hes in the custom CSS as well if you choose different color for the titles.

    Hope this Helps !!

    December 23, 2016 at 7:20 am #26534
    EZiser
    Participant

    Success! This works. Thanks for your help. 🙂

    December 24, 2016 at 3:58 am #26571
    wensolutions
    Keymaster

    Hello,

    Glad to know that your issues has been resolved.

    Please let us know if you have any issues further.

    Best Regards.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.