Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #225187
    abisbee
    Participant

    Hi.

    How do I format the sub-heading on https://wellnesswarriorsboston.org/? I tried the following CSS, but it also changes the entry-summary for the Featured Content widgets. I just want to change the sub-heading. I think I am using the wrong element, but I’m not sure what would be correct.

    #featured-content p {
    font-size: 34px;
    }

    What am I doing wrong?

    Also, is there any way to insert a link into the heading? I don’t think so, but I thought I’d ask. 🙂

    Thank you.
    Alice

    #225190
    Skandha
    Keymaster

    @abisbee: Hello Alice,
    Please use the following CSS Code instead.

    #featured-content .featured-heading-wrap p {
        font-size: 34px;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #225255
    abisbee
    Participant

    It works beautifully, of course. Thank you, Skandha!

    Two more questions, please:

    1. How can I vertically align the promotion headline and remove the space underneath? I’ve disabled it on the website because it doesn’t look good. Both text and button are aligned at the top with a lot of space between those and the Featured Content header.

    2. Is it possible to use an image for the promotion headline button?

    Alice

    #225495
    Skandha
    Keymaster

    @abisbee: Hello Alice,

    1. Please enable Promotion Headline section so that I can provide you a solution.

    2. Can you let me know what kind of image you would like to have as a Promotion Headline button.

    Kind Regards,
    Skandha

    #225585
    abisbee
    Participant

    Hi Skandha,

    1. Enabled.
    2. A jpg of a logo. If not possible, we will use what is there, but an image might be nice.

    Thanks.
    Alice

    #225623
    Skandha
    Keymaster

    @abisbee: Hello Alice,
    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    /* To vertically align promotion headline content */
    #promotion-message .right {
    	max-width:unset !important;
    }
    #promotion-message .right .promotion-button {
    	margin-top: 0;
    }
    
    /* To have an image in the button */
    #promotion-message .right .promotion-button {
        background-image: url('');
        background-color: unset;
    }

    You will need to add the image url in between url(''). I am not sure if the image will show up well.
    Let me know if this works out!
    Kind Regards,
    Skandha

    #225628
    abisbee
    Participant

    The alignment works perfectly, Skandha!

    The image is problematic – I need to play with the image size – but it should work eventually. Thank you for your help!

    Alice

    #225638
    Skandha
    Keymaster

    @abisbee: Glad I was able to help you out. Have a good day! 🙂

    Kind Regards,
    Skandha

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