Jump to content
Sign in to follow this  
ingoalmag

How can I change the height of the branding section

Recommended Posts

ingoalmag    0
ingoalmag

I'm trying to transition from platform to page lines - my live site is still platform but the issue is the same on both sites. I'd like to significantly reduce the whitespace at the top of my branding section at http://ingoalmag.com

 

I know where to enter custom css but am not sure what code to use. I tried several content-pad options but wonder now - is the section a fixed height that needs changing?

 

 

 

 

post-11102-0-10400000-1359706094_thumb.p

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

The whitespace is generated by the image you have added, if you remove the image your branding area looks like this:

 

http://d.pr/i/BvRI

 

I recommend you review the code and the hook location used to add this image to your branding area.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
ingoalmag    0
ingoalmag

Thanks for your help Danny.

 

The image itself is the same height as our site logo...so it seems a bit odd. Here's the hook I used - any thoughts?

 

 

// hook to put banner ad at top of page between logo and social media icons
    add_action('pagelines_inside_top_branding', 'top_banner_ads');
 
    // function name
 
        function top_banner_ads(){
    ?>
            <div style="position: relative;left: 165px;top: 90px; z-index: 28;">
 
              <?php if (function_exists("wpbanners_show")) wpbanners_show(1); ?>         
 
            </div>
 
    <?php }
    // end function

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

We have a free plugin called Action Map. This will help you find the correct hook.

 

That said, your hook would be better served by creating a unique class rather than using inline CSS. Something like <div class="top_banner-ads">HTML or PHP CODE</div>

 

By doing this, you can customize the position using CSS without having to change the hook.

 

I suspect something is causing a margin or padding below the image because nothing is telling it not to.  That explains why Danny doesn't see the white space when he tests removing the image in Firefox or Chrome's Inspection Tool.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
davidguthrie    0
davidguthrie

Hi

 

What I'd like to know is: where is the css file in which I can make changes to the branding area height?

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

CSS may be added to Dashboard > PageLines > Site Options > Custom Code in the CSS Rules area.

 

It may also be included in the stylesheet found in the PageLines Customize plugin or, in the stylesheet of any child theme. 

 

CSS should never be included in core files as it will be overwritten with any future updates and the work lost.  Those three locations will remain safe and secure.


Former PageLines Moderator, Food Expert and Raconteur

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  

×