Archived topic
Border after hook
13 replies · Started by Jesus Higuerey on August 14, 2018
Hi,
I've added a button on a hook. Specifically on the front page.The thing is, I want to add sort of a divider between that button and the next post.
I've added the following code:
.inside-article{
border-bottom: 1px solid #e3e3e3;
}But it just looks like this: http://prntscr.com/kils45
How can I make it so it doesn't overlap the button?
Hi there,
Looks like you've fixed this?
I'm not seeing the overlapping:
https://www.screencast.com/t/sneJ4kcFfRh
Let me know :)
Sort of but I want it underneath the hook
I'm a bit confused. So you want it to be underneath the comment button?
If so why not just add the bottom after that?
Let me know if I'm missing something.
The button is a hook and the "line or separator" is css. And yes I want it underneath the button
What if you do something like this in hooks:
<div class="button-section">
button here
</div>With this some CSS:
.button-section {
border-bottom: 1px solid #000;
}It kinda looks the same, but now the line is shorter.
Are you able to show me the look you are going for?
Your comment button is using background image which is making it difficult.
Which hook are you using?
after_content
Maybe try this for your overall CSS:
.inside-article {
border-bottom: 1px solid #000;
}
.button-section {
height: 40px;
}Not sure where you got the button code from but ideally it should has a height property on it so we don't have to set it. Currently it's using background image so the height is basically 0.
That kinda works thanks.
No problem :)
