• 0
Sign in to follow this  
Followers 0

Business Branding Branding padding

Question

Posted · Report post

Hi,

 

    I need to remove all paddings in business branding. My logo size is 1024x148 but it cannot fill up the whole area. There is some paddings all over. When i inspect the logo size reduced to 944x144.

 

I tried  

 

body .pl-area .pl-section {
  &.tophead{
    .pl-section-pad {
padding-top:0;
        padding-bottom:0;
        padding-left:0;
        padding-right:0;
    }
  }
}
 
where .tophead is a styling class
 
Please advise

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

Adrianna Lima In Business Branding there is an option for Site Title and Description under Branding Logo and Title Area Options.

DMS_Demo___Just_another_WordPress_site-3

 

As for the space, that's something I need to fix, it shouldn't display that section if nothing is there. Will fix it in next version. Till then, use this code to hide it.

.section-business-branding .bb-business-info {
  display: none;
}

Ellen

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

    I just purchased this? Any support?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Adrianna Lima Yes, there is support :)

 

Do you have a link so I can see the site. Padding is a bit tricky with DMS. In the meantime I will create an image that is 1024x148 and look at the padding.

 

Thanks.

 

Ellen

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Adrianna Lima I created an image at 1024 x 148 and uploaded to Business Branding. My site width is 1100px and the image stayed at 1024 x 148. So, I'm wondering if it is your site width that is causing the logo to shrink in size. Again, if you have a link I can troubleshoot better.

 

DMS_Git___Just_another_WordPress_site_an

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi ,

 

   Basically I want to do something like http://lisadewar.com/home/. with a white box background but header is full with an image with width 1024 by 148px and with no padding.

 

thank you.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Adrianna Lima Okay, so this is how I got it to work. I went to Global Options --> Layout & Nav and made Display Mode: Box Display.

 

Then, I changed the width of the page to 1024px by dragging the blue line that defines the boxed area of the template.

 

Then, I went up into the header and clicked on the edit pencil to bring up the Section Area in the Header. That's where I put the tophead class.

 

DMS_Git___Just_another_WordPress_site-2.

 

Then, I used the following code

body .site-wrap {
  background: #333;
}

body.display-boxed .boxed-wrap .tophead .pl-area-wrap > .pl-content {
padding-left: 0;
padding-right: 0;
}

.section-business-branding .bb_branding_wrap {
  padding: 0;
}

.section-business-branding .bb-business-logo {
  margin-left: 0;
}

Make the background color whatever you want. Here I have it as #333. And, this is my result with the blue representing the logo with no padding.

 

DMS_Git___Just_another_WordPress_site.pn

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

H,

 

   Thanks. How do i remove the gap between top and the menu?

   See attached.

[attachment=1475:Branding.jpg]

 

Thank you

 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

To remove the top and bottom padding from the Section Area, click on the edit icon and then under Area Padding change it to 0px.

 

DMS_Git___Just_another_WordPress_site.pn

 

To remove the extra top and bottom padding from Business Branding use this code

.section-business-branding .pl-section-pad {
padding: 0;
}

I don't know what section you have underneath but you will need to remove the padding from that too because each section has it's own pl-section-pad. With Chrome Inspector, find where it has section-section_name. Then replace .section-business-branding with that section class. In my case the section is Wigitizer so the class is .section-widgetizer

 

DMS_Git___Just_another_WordPress_site.pn

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi Thanks.

 

    I will try it. Another question.

 

Display Site Title With Logo? 
Display Site Description with Logo? 

 

   How do i change the Site Title and description COLOR?

 

thx in adv

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

And also as u can see business-branding and business-info is producing a gap. How do i disable it?

 

 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Please let us know if you still need help with this topic otherwise I will close it in 7 days. Thanks!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0