Home › Forums › Pro Themes › Magpaper Pro › Header left-right boxes add widget or add thumbnails?
Tagged: Header L/R boxes
- This topic has 12 replies, 2 voices, and was last updated 2 years, 8 months ago by sanam.
-
AuthorPosts
-
February 21, 2022 at 3:39 pm #179064ruth butlerParticipant
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.
February 21, 2022 at 11:06 pm #179075sanamKeymasterHello @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=f14dd590b3626d9b80ab074be6624ce5Regards,
ThemepalaceFebruary 22, 2022 at 4:37 am #179085ruth butlerParticipantThis 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
February 22, 2022 at 5:16 am #179086sanamKeymasterHello @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.
February 22, 2022 at 6:10 am #179087ruth butlerParticipantThis is great.
Any way to expand the title area to use full header?
i am constricted with the 2 verticle lines.Thank you++
February 22, 2022 at 6:41 am #179088sanamKeymasterPlease add this CSS in the Additional CSS
@media screen and (min-width: 1024px) {
.site-branding {
width: 100%;
}
}Thanks.
February 22, 2022 at 7:02 am #179089ruth butlerParticipantGreat! 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+
February 22, 2022 at 7:19 am #179096ruth butlerParticipantAny 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!February 22, 2022 at 7:20 am #179097sanamKeymasterPlease add this CSS
.menu-open .menu-toggle .icon-close,
svg.icon-menu {
fill: #fff;
}Regards,
ThemepalaceFebruary 22, 2022 at 7:20 am #179098sanamKeymasterPlease add this CSS
.menu-open .menu-toggle .icon-close,
svg.icon-menu {
fill: #fff;
}Regards,
ThemepalaceFebruary 22, 2022 at 7:43 am #179099ruth butlerParticipantNo 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
February 23, 2022 at 12:20 am #179100ruth butlerParticipantPrevious 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;
}February 23, 2022 at 12:29 am #179160 -
AuthorPosts
- You must be logged in to reply to this topic.