Okay
  Public Ticket #3047267
portfolio header menu
Closed

Comments

  •  32
    Tes started the conversation

    Hi there, 

    I have some questions regarding my portfolio item, for example this page: https://zeal.kleidi.nl/portfolio/caressa-dierenziekenhuizen/

    1. How to not have my menu and header here? On pages it it easy to select no header no footer, but how to manage that here? 

    2. Can i style the dots of my portfolio item to black dots? Both of them? 

    Thanks!

  •  1,877
    Judith replied

    Hi Tes,

    Thanks for keeping in touch.

    1. Please try this css:

    .postid-1022 #header-space {
        background-color: #ffffff;
        display: none;
    }
    .postid-1022 body #header-outer, body[data-header-color="dark"] #header-outer {
        background-color: rgba(255,255,255,100);
        display: none;
    }

    2. Please try this css:

    .nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-flickity[data-controls=material_pagination] .flickity-page-dots .dot.is-selected:before, .nectar-quick-view-box .flickity-page-dots .dot.is-selected:before, .nectar-recent-posts-slider_multiple_visible .flickity-page-dots .dot.is-selected:before, .nectar-woo-flickity .flickity-page-dots .dot.is-selected:before, .testimonial_slider[data-style=multiple_visible_minimal] .flickity-page-dots .dot.is-selected:before, body.material [data-bullet_style=see_through] .slider-pagination .swiper-pagination-switch.swiper-active-switch:before {
        background-color: black;
    }

    Thanks.


  •  32
    Tes replied

    Thanks Judith!

    The black dots are there, super. My header (including logo) is still there. Is there another way to not show this on my portfolio pages? 

    Thanks in advance!


  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    .single-portfolio div#header-outer ,.single-portfolio div#header-space {
        display: none !important;
    }
    .single-portfolio .nectar-flickity.nectar-carousel.nectar-carousel:not(.masonry) .flickity-viewport {
        margin-top: 0px !important;
    }

    Thanks


    ThemeNectar Support Team