Navigation
Archive / How to change font style and color in Cornerstone Text Type
This is archived content. Visit our new forum.
1 2 3 4
  • Author
    Posts
  • June 4, 2015 at 12:14 pm #292662
    cmclaren24
    Participant

    First of all, I love this new add-on. But I’m a customization rookie. How can I change both the font style and the font color for this specific feature?

    Thanks a ton.

    June 4, 2015 at 6:28 pm #292965
    cmclaren24
    Participant

    Never mind. I figured it out. 😀

    June 5, 2015 at 12:43 am #293234
    Paul R
    Moderator

    Hi,

    Glad you were able to figure it out.

    Have a nice day!

    June 17, 2015 at 2:25 pm #305154
    webcreatorsSA
    Participant

    Could you post how you did it? I am a little confused too. Thanks 🙂

    June 17, 2015 at 4:36 pm #305320
    Rupok
    Member

    Hi There,

    Thanks for posting in. You could easily get your expected style by adding some custom CSS through Appearance> Customize > Custom > CSS

    If you face any issue, let us know with your site url and refer the elements you want to change style. We’ll be happy to assist you.

    Cheers!

    July 7, 2015 at 10:07 pm #323891
    tonisama
    Participant

    Would someone please post the CSS code that would alter the text color for the text type element?

    July 8, 2015 at 1:56 am #324026
    Christopher
    Moderator

    Hi there,

    Please add the following code in Customize -> Custom -> CSS :

    .x-text {
  color: red;
}

    Hope it helps.

    July 15, 2015 at 3:20 pm #331404
    Fabio
    Participant

    Hi all. I have the same issue and I found your last reply very useful. However I don’t know how to change the font size… Is there any guide that tells me which elements and properties I should set to edit the css? I mean: how can I know that I need to edit .x-text instead of bodyor p?
    Thanks.

    July 15, 2015 at 4:30 pm #331467
    Rupok
    Member

    Hello @leprecauno

    Thanks for writing in! I am not sure about your issue though, you might need to change the font size for text type, right? Then you can add this under Custom > CSS in the Customizer.

    .x-text-type {
 font-size: 32px;
}

    If you have other concern please clarify it a bit with a screenshot and the url. We’ll be happy to assist you.

    Cheers!

    July 16, 2015 at 4:11 am #331926
    Fabio
    Participant

    Thanks for getting back to me.
    Yes, I need to change the font size but when I try to apply the font-size property nothing happens. It changes color or font family but not size (see attachments below).

    .x-text-type 01

    .x-text-type 02

    July 16, 2015 at 5:01 am #331955
    Paul R
    Moderator

    Hi,

    To further assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    July 16, 2015 at 5:06 am #331959
    Fabio
    Participant
    This reply has been marked as private.
    July 16, 2015 at 5:53 am #331998
    Paul R
    Moderator

    Hi Fabio,

    Thank you for providing your url.

    Please try this code instead.

    
body .x-text {
   font-size: 32px !important;
}

    Change 32px to achieve your desired font size.

    Hope that helps.

    July 16, 2015 at 8:05 am #332060
    Fabio
    Participant

    It doesn’t work unfortunately… 🙁
    Maybe is there any inherited styling on it?

    July 16, 2015 at 9:35 am #332137
    Rupok
    Member

    Hi There,

    Let’s try the code below – 

    .x-text .resp-p {
  font-size: 32px!important;
}

    Let us know how it goes.

    Cheers!

  • Author
    Posts
1 2 3 4
  • <script> jQuery(function($){ $("#no-reply-292662 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>