Custom CSS for portfolio page

Hello

I dont see option of custom css for portfolio page, there is only for static pages?

I tryed use page-id in main css, but it doesnt work also

.page-id-7210 img.visible_photo {

    display: none!important;

}

.page-id-7210 .desc {

    display: none;

}


please help, I want to hide all elements of woocomerce product, show only button.


J

Comments

  • Hello,
    CSS works on every page, it's not possible to disable it for any page.
    Your CSS could not work, because you provided the .page-id part, which means it will work only on page with this id in body tag.

    Also, I do not understand what you want to remove, exactly.
    Thanks
  • Hm... A few years ago I successfully used css on selected pages using ".page-id" .. but on other themes, and not on portfolio pages.

    I want do remove picture and describe, left only button. 


  • That's your answer why it's not working: "on other themes".
    Every theme has other CSS code created by the developer.

    Also, can you show me what exactly you want to remove, there is a lot of images and texts.
    Please make a screenshot and post me a link to it (https://prnt.sc)
    Thanks
  • yes, youre right

    please look - https://prnt.sc/q2ykrf

    I want to remove img and div
    I just want to leave button.
    We want to present product using muffin builder, not woocomerce element. 

    And important - I want to do it only on some pages and portfolio pages, not on all my site.

    Thank you
  • But all of the images you showed in the screenshot are build using the Muffin Builder. Please remove it from the Muffin Builder on those pages, you do not need CSS for that.
    thanks
  • edited November 2019
    Of course its inside muffin builder

    but This module 

    Is imported via woocomerce shortcode [products ids=7371 columns=1]

    and have unique names, so on other pages (not portfolio pages) I can disable showing this two elements via this option:
    and it works perfect. 




  • edited November 2019
    I have good working solution
    I need help how do it on portfolio pages
  • Can you send us a link to the single portfolio page?
    If you were asking only for hiding the images, you can do it with similar code.
    Thanks
Sign In or Register to comment.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.