How to use page-id for CSS

  • Resolved sangredeespana

    (@sangredeespana)


    3 years, 1 month ago

    Im using CSS Hero which makes it easy for the element break down. On one page the wrapper, which bleeds over to other templates, shows this:

    html>body>#wrapper>#main>#content>div

    Since I only want the changes to be for this element on this page what would I do? I tried this:

    .page-id-89 .html>body>#wrapper>#main>#content>div

    Unfortunately, this did not work. Any suggestions or help? Thanks.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support Prin a11n

    (@prin_settasatian)

    3 years, 1 month ago

    Hello there,

    I understand you want to make CSS changes to an element on a single page.

    From the selector you’ve given, I think you only need the following: .page-id-89 #wrapper>#main>#content>div.

    That is, you don’t need to specify html>body.

    Let me know if it works for you.

    Mirko P.

    (@rainfallnixfig)

    3 years, 1 month ago

    Hi @sangredeespana,

    I agree with @prin_settasatian’s suggestion and if still doesn’t work make sure the page id is correct and you identified the correct element.

    Often times you’d want to make use of the !important declaration which can be used to override other styling rules in CSS.

    Generally, we provide limited support for CSS on this forum so my suggestion is to get in touch with your theme authors if you still require assistance with this.

    All the best.

    Thread Starter sangredeespana

    (@sangredeespana)

    3 years, 1 month ago

    Still did not work. Here is an image capture of the Blog page. I need to drop the contents of the page down about 100px because its running into the (yellow) line text. Here is a screen capture. Thx

    https://www.dropbox.com/s/0bkhtw4aysseglh/image.jpg?dl=0

    Plugin Support Brad P. a11n

    (@snaacks)

    3 years, 1 month ago

    Hi @sangredeespana

    Thanks for letting us know you’re still encountering some trouble, sorry to see you haven’t yet been able to get the look you’re going for.

    As @rainfallnixfig mentioned our CSS support on the forums is limited so we’d suggest reaching out to your theme developer for additional assistance at this point.

    Thanks!

    Thread Starter sangredeespana

    (@sangredeespana)

    3 years, 1 month ago

    Thanks. Unfortunately they wont respond unless you pay for support… which for all intents and purposes I could buy the theme all over again. I ended up making my own blog using UX Builder and inserting a Divider element which I can now control. The only thing, and maybe you can help me with, is I like the original blog layout. The one I made just doesnt seem to “have it”… How would I go about using the layout from the original blog? I assume its a widget? If so where would it be located at? Otherwise I would be interested to see what others may be doing for blog pages and then maybe an article on how to create it. Thanks again.

    Mirko P.

    (@rainfallnixfig)

    3 years, 1 month ago

    Hey @sangredeespana,

    I understand your point but the layout is basically controlled by the theme and/or page builder plugins. Assistance for customizations is outside our scope of support on this forum per our Support Policy.

    If you need further guidance with customizations, you can reach out to a web developer or one of our experts on the WooCommerce.com customization page – https://woocommerce.com/customizations/.

    Thank you for your understanding.

    Thread Starter sangredeespana

    (@sangredeespana)

    3 years, 1 month ago

    Ok, thx

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to use page-id for CSS’ is closed to new replies.

Tags