Okay
  Public Ticket #816503
images in portfolio full screen
Closed

Comments

  • Thit started the conversation

    Hi, 

    I'm working with the theme and have two questions:

    1. how do I remove the box around the menu items? I would like it just to be a black text.

    2. I'm having diffculty with teh images on the portfolio section, the fullscreen portfolio template. all the images are moved up into the menu- how do i move them down and centered again? Do they have to be a specific size?

  • [deleted] replied

    Hi Thit,

    1— Are you talking about sub-menus please?

    2—This is how we have ment to do the fullscreen portfolio type, you can see that on our demo too. Anyway if you want to center those images, you can add this code below to Custom CSS

    .portfolio-full-bg-slider .image-entry {
        -webkit-background-size: contain!important;
        -moz-background-size: contain !important;
        background-size: contain !important;
    }
    
    .portfolio-full-bg-slider {
        background: white !important;
    }
    
  • Thit replied

    Hi Ylli,

    1. Yes it's the sub menu items that are boxed where i wan to remove the box.

    2. Thanks, that helped.

    Br Thit

  • [deleted] replied

    Hi Thit,

    This is a custom request but I will help you this time. Please add the code below to Custom CSS:

    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu ul {
        background: transparent !important;
    }
    
    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu ul li a {
        color: #333 !important;
    }
    
    .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark div.menu>ul ul li a:after, .main-header.menu-type-standard-menu .standard-menu-container.menu-skin-dark ul.menu ul li a:after {
        background-color: #333 !important;
    }
    
    .main-header.menu-type-standard-menu .standard-menu-container div.menu>ul ul li.menu-item-has-children:before, .main-header.menu-type-standard-menu .standard-menu-container ul.menu ul li.menu-item-has-children:before {
        border-color: transparent transparent transparent #333 !important;