How to change font and opacity on the slider text?

Discussion in 'Photomaker WordPress Theme' started by donovanlaoh, Jan 21, 2016.

  1. donovanlaoh

    donovanlaoh New Member

    Joined:
    Jan 19, 2016
    Messages:
    22
    Likes Received:
    2
    As title said, i want to change font and opacity to be more transparant on the slider text. How to do that?
    It will be applied to the all sliders.

    Thank you!

    My temporary website is : www.donovandennis.com/wp/
     

    Attached Files:

  2. priya

    priya Guest

    Hello,

    Greetings from InkThemes!

    Please paste the code given below in Custom CSS section (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.
    Code:
    .tf_content h1 a {
        color: red;
    }
    .tf_content h1, .tf_content p {
      background: rgba(0, 0, 0, 0.10);
    }
    Note: Change color and numeric value as per your interest..

    Hope it will resolve your issue

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     
  3. donovanlaoh

    donovanlaoh New Member

    Joined:
    Jan 19, 2016
    Messages:
    22
    Likes Received:
    2
    Thank you for the quick response. Really appreciate that.

    And how about changing the font type?
     
  4. donovanlaoh

    donovanlaoh New Member

    Joined:
    Jan 19, 2016
    Messages:
    22
    Likes Received:
    2
    Hi Priya,
    For the code given, it only change the opacity of the slider background, not the text. Can you make this text on slider transparant?

    Thank you.
     
  5. donovanlaoh

    donovanlaoh New Member

    Joined:
    Jan 19, 2016
    Messages:
    22
    Likes Received:
    2
    Hi Priya,

    Sorry to bother you, by the code you give, i have made the change that i want:

    Code:
    @import url(https://fonts.googleapis.com/css?family=Oswald:400,300&subset=latin,greek);
     
    .tf_content h1 a {
        color: white;
        font-size: 24px;
        opacity: 0.8;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }
    .tf_content p {
        font-size: 18px;
        opacity: 0.8;
        font-family: 'Oswald', sans-serif;
        font-weight: 400;
    }
    .tf_content h1, .tf_content p {
      background: rgba(0, 0, 0, 0.3);
    }
    Thank you for enlighten me.
     
  6. priya

    priya Guest

    Really appreciate your effort to exploring the things...

    Do let me know if you need more assistance,

    Thanks & Regards!
    Priyanka
    InkThemes.com
     

Share This Page