Footer Help

[lroberts00 3]

I am using Pageline Framework.

 

Footer > Full Width Sidebar> 2 columns(FootCols Section)> 2 Widgets.

 

When I add html for my social icons, it brings the right widget below the left one?  When I take the html away, it corrects?

 

http://lifepointavoyelles.com/

[Danny+ 1,327]

Hi,

 

This is related to your own HTML and your use of a div with no styling. By default a div is styled using the block value and therefore, it will push everything else underneath it. I recommend you use add custom CSS to reduce the width of the div which should resolve your issue. Please be aware that this issue is caused by your own code and therefore, we will not be able to provide any further assistance.

[lroberts00 3]

My HTML? THe only custom code I have used is:

 

body{}

#footer {
    background-color: #383737;
}

.main_nav ul {
  padding-top: 35px;
    font-size: 16px;
    font-style: bold;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 0.9em;
    text-decoration: none;
    text-transform: uppercase;
  font-family: "Varela Round";
}

.section-brandnav .content-pad {
    padding-bottom: 1em;
}

li {
  margin-bottom: 13px;    
  font-size: 19px;
  font-family: "Varela Round";
}

 

And when I delete it, nothing changes, its still underneath?   Why is it my problem?

[Danny+ 1,327]

No the issue is your HTML, that you have added to the text widget.

 

 

The issue is noot the CSS you have used. If you want to resolve this you will need to apply custom CSS to the HTML you have used to prevent the div that wrapping the social icons to be a block. Please be aware that if you have further issues with this, you will need to ask this question on a HTML/CSS specific forum, as we can not provide support to users own code errors.

[lroberts00 3]

Got ya! Thanks!

[Danny+ 1,327]

No problem.