Home Forums Pro Themes Magpaper Pro Header left-right boxes add widget or add thumbnails?

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #179064
    ruth butler
    Participant

    Is there a way to either modify the left right boxes to accept widgets or even just a thumbnail for showing post/pages?

    As a workarounnd possibly just expand the center box to handle a larger image and fill the bare spaces?

    Looking for a way to better utilize Thise 2 boxes or eliminate them with better intentions , Thank you.

    #179075
    sanam
    Keymaster

    Hello @JMGROVE, for making left and right boxes to accept widgets, hiring a developer would be an option. So, we decided to eliminate it as a workaround that you have suggested.

    Please watch the video on the link below on the new design and provide us with your thought on it.
    https://www.awesomescreenshot.com/video/7521495?key=f14dd590b3626d9b80ab074be6624ce5

    Regards,
    Themepalace

    • This reply was modified 7 months, 2 weeks ago by sanam.
    • This reply was modified 7 months, 2 weeks ago by sanam.
    #179085
    ruth butler
    Participant

    This looks ideal, adding a large responsive banner area looks nice and will add function, adapability.

    I’m looking forward to this release+

    I noticed the video says 2019, any idea’s when this update is coming through?

    I also want to remove the original footer “Without” terminating the footer widget area,
    is this possible?

    Thank yo

    #179086
    sanam
    Keymaster

    Hello @JMGROVE, Please add this CSS in the Additional CSS

    div#left-side-post,
    div#right-side-post {
    display: none;
    }

    .site-branding{
    border-left: 0;
    border-right: 0;
    }

    #top-bar{
    border-bottom: 0;
    }

    .main-navigation:before,
    .site-branding:before,
    .site-branding:after{
    background-color: unset;
    }

    #masthead {
    background-image: url(‘https://themepalacedemo.com/magpaper-pro/wp-content/uploads/sites/107/2019/03/people-2575608_1920.jpg’);
    }

    @media screen and (max-width: 1023px) {
    .site-branding{
    border-bottom: 0;
    border-top: 0;
    }
    }

    .site-info {
    display: none;
    }

    Please add the background image URL as per your need. You can get it from the media after you upload the image.

    Go to Customizer >> Appearance >> Additional Css, paste the above CSS there, and published the site.

    Thanks.

    #179087
    ruth butler
    Participant

    This is great.
    Any way to expand the title area to use full header?
    i am constricted with the 2 verticle lines.

    Thank you++

    #179088
    sanam
    Keymaster

    Please add this CSS in the Additional CSS

    @media screen and (min-width: 1024px) {
    .site-branding {
    width: 100%;
    }
    }

    Thanks.

    #179089
    ruth butler
    Participant

    Great! this works

    this css has changed the mobile main menu icon back to black as I need it to be white.

    I have changed the css, do you have the direct css for this particular color change?

    Demosite stopthemadness.lol

    Thanks again+

    #179096
    ruth butler
    Participant

    Any way to put the title line over the top of the main “logo” image?

    I have bought this theme twice, im an ameture coder, and I will be purchasing again
    to make some new twist’s on this backend, thank you for your excellent work!

    #179097
    sanam
    Keymaster

    Please add this CSS

    .menu-open .menu-toggle .icon-close,
    svg.icon-menu {
    fill: #fff;
    }

    Regards,
    Themepalace

    #179098
    sanam
    Keymaster

    Please add this CSS

    .menu-open .menu-toggle .icon-close,
    svg.icon-menu {
    fill: #fff;
    }

    Regards,
    Themepalace

    #179099
    ruth butler
    Participant

    No this did not work unfortunatley, any sugtgestions? this is a dark site and the hamburger menu open/ close is now black and not visible on devices.

    Thank you

    #179100
    ruth butler
    Participant

    Previous entry:

    .menu-toggle svg.icon-close {
    width: 16px;
    height: 16px;
    fill: #fff;
    }

    svg.icon-menu {
    fill: #fff;
    width: 30px;
    height: 30px;
    vertical-align: baseline;
    }

    .menu-open .menu-toggle .icon-close {
    display: block;
    fill: #fff;
    margin: auto;
    width: 20px;
    height: 20px;
    }

    #179160
    sanam
    Keymaster

    Hello @JMGROVE, Regarding putting the title line over the top of the main “logo” image?. We are sorry to inform you that it is not possible.

    Also, regarding the color of the hamburger menu, it seems fine when we checked your site.

    Regards,
    Themepalace

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.