[abisbee]

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

[Skandha]

@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

[abisbee]

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

[Skandha]

@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

[abisbee]

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

[Skandha]

@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

[abisbee]

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

[Skandha]

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

Kind Regards,
Skandha

[abisbee]

Hi Skandha,

Would it be possible to center the text in the promotional message? I have a feeling that it won’t look good, because I will be centering within .left, but I’d like to try.

Thanks.
Alice

[Skandha]

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

.section.left {
    width: 100%;
    text-align: center;
}

Kind Regards,
Skandha

[Author]

Posts