CSS Question (H3 conflict with content)

  • Resolved anefarious1

    (@anefarious1)


    5 years, 9 months ago

    Sorry this question is specific to my situation only. I understand if you can’t help.

    With the recent update, I believe you’ve made the main “Before Voting” text an H3 element. This conflicts with how I dress up my other H3 headings within my content. So, I’ve tried to control the Before Voting text using this:

    .helpful-header h3 {
    background-color: white !important;
    }

    But it is not working. Do you know of a way to customize this H3 without affecting my other H3 titles in my content? Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Pixelbart

    (@pixelbart)

    @anefarious1

    Your code is definitely correct. Did you put this in the custom CSS of the WordPress Customizer?

    wp-admin -> Design -> Customize

    You can also publish your link here, then I can look for myself.

    Thread Starter anefarious1

    (@anefarious1)

    After looking at it further…

    The problem is I’m using the following for H3:

    h3:last-of-type

    This is overriding:

    .helpful-header h3

    I want my last H3 in my content to appear unique (to draw attention to article conclusions) but I don’t want the title of Helpful question to look like that.

    Do you know of a workaround? Thanks

    Plugin Author Pixelbart

    (@pixelbart)

    I can rebuild this tonight. Then a <div> will be used instead of a <h3>. That should solve your problem then.

    Otherwise you can try the following:

    :not(.helpful-header) > h3:nth-last-of-type(1) {
	color: red !important;
}

    So you can change the last headline without addressing the headline of helpful.

    Plugin Author Pixelbart

    (@pixelbart)

    @anefarious1

    This should work for you. Helpful now works better with CSS, maybe it’s easier for you to edit it now.

    Thread Starter anefarious1

    (@anefarious1)

    That worked! Thank you very much! I have other issues so I’ll make another thread.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘CSS Question (H3 conflict with content)’ is closed to new replies.

Tags