Navigation
Archive / prompt shortcode – changing font size of text in button
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • January 27, 2017 at 10:13 am #1347885
    Gerald E
    Participant

    Hi I am using this shortcode:
    [prompt type=”left” title=”Vereinbaren Sie ein Erstgespräch” message=”Rufen Sie an und vereinbaren einen Termin.” button_text=”01 3587 568″ href=”+4313587568″]

    I would like to increase the font size of the phone number(=button text).

    Since i am using multiple prompt shortcodes which should not be affected by this change i guess i need to assign an attribute to this particular one?

    Can you pls help me with the right CSS?I am trying for an hour without success..

    Thanks in advance
    G

    January 27, 2017 at 1:28 pm #1348106
    Rahul
    Moderator

    Hi there,

    Thanks for writing in! To 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.

    January 29, 2017 at 7:52 am #1349535
    Gerald E
    Participant
    This reply has been marked as private.
    January 29, 2017 at 8:30 am #1349562
    Thai
    Moderator

    Hi There,

    I couldn’t find the prompt shortcode on that page.

    Could you please add it again?

    Thanks.

    January 30, 2017 at 6:53 am #1350632
    Gerald E
    Participant

    ok. can you have another look pls?

    January 30, 2017 at 7:14 am #1350653
    Christopher
    Moderator

    Hi there,

    Please check the URL, there is no prompt element in gd-test page.

    Thanks.

    January 31, 2017 at 10:13 am #1352406
    Gerald E
    Participant
    This reply has been marked as private.
    January 31, 2017 at 11:57 am #1352552
    Thai
    Moderator

    Hi There,

    Please try with this CSS:

    .page-id-681 .x-prompt-section.x-prompt-section-button a {
    font-size: 24px;
}

    Hope it helps 🙂

    February 7, 2017 at 2:36 pm #1361714
    Gerald E
    Participant

    Hi,

    It seems this only applies to the prompt shortcode on 1 particular page.
    Since its a directory site, i am gonna have this type of shortcode with different phone numbers on hundreds of pages.
    Is there a way to tag it with a css class or so and then increase the font size of the phone number?

    Any help is appreciated as i am new to CSS and coding.

    Thank you!
    Gerald

    February 7, 2017 at 10:31 pm #1362281
    Friech
    Moderator

    Hi Gerald,

    Yes, that css will only apply to a specific page because of the page-id-681 class. You can update that to the code below so it will apply to all Prompt element site wide.

    .x-prompt-section.x-prompt-section-button a {
    font-size: 24px;
}

    Cheers!

    February 8, 2017 at 4:47 am #1362585
    Gerald E
    Participant

    Thank you! 🙂

    February 8, 2017 at 6:19 am #1362672
    Thai
    Moderator

    You’re most welcome 🙂

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