Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 7 years ago.
Improve this question
I'm trying to do a navbar with logo in the middle but it doesn't work.
Here is my code:
'http://codepen.io/magg1e/pen/PZwyOp'
Any suggestions? Or maybe there's a better way to do that?
Bootstrap set img as block elements so they are not centered as their default inline behavior. Add this:
.navbar-brand > img{
display: inline;
}
Demo: http://codepen.io/anon/pen/KVwGrx
Related
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 11 months ago.
Improve this question
I set up a table with a certain size but I want to not go over the size so it dropped a row instead enter image description here
Css:
#PPP {
background-color: #f2f2f2;
width:500px;
}
You can try to manage overflow in your text using the overflow command in css. This affects what happens to text when it goes past the box. For example, you could use this to include a scroll.
overflow: scroll;
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
I'm working on this website http://shapeofyou.lotusong.info/ and I am trying to make the boxes on the main page fill up the entire screen. How do I do that? I tried looking for any padding or margin but there wasn't any. Any help will be appreciated.
Thanks!
.container and .wppb-container have a max-width applied. Set them both to 100% and you'll be good.
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 3 years ago.
Improve this question
I am getting a strange margin under my images.
I have set the margin/padding on both the containing div and the image to 0
This is the site i'm working on: https://www.philipnordstrom.com/
It is coming from your body font-size: 10px. If you change it to 1px the space between is gone. Try to add a css class like: div a { font-size: 0; }
You can see the link on the picture. I cannot tell you why this happens maybe because images aren't meant to be linked like this in the default case. I would need to dig deeper inside this to tell you the reason ;)
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
so im trying to make the first wide box under recent promotions (at the bottom) have a a bigger height than the rest of the boxes, however nth-of-child is not working, I just need it for that first wide box. here is the code:
#listify_widget_recent_listings-2 .job_listing-entry-header:nth-child(1) {
height: 400px !important;
}
When you remove the :nth-of-child it makes all the boxes bigger as expected in that widget so I am not sure why its not working for the first. Help!
please try this
#listify_widget_recent_listings-2 .job_listings li:nth-child(1) .job_listing-entry-header.listing-cover.has-image {
height: 400px !important;
}
comment please if i miss something
Closed. This question needs debugging details. It is not currently accepting answers.
Edit the question to include desired behavior, a specific problem or error, and the shortest code necessary to reproduce the problem. This will help others answer the question.
Closed 6 years ago.
Improve this question
I have this page : https://ticketee-wissel.c9users.io/projects/new
So you can see the arrow is now under the text.
How can I make it work that the arrow is after the text and still see the arrow move on hover ?
simply add
display: inline-block;
to your parent button.
further add
.arrow-button .arrow-cont{
height: 20px;
display: inline-block;
}
here height depends on your button element, using it only to vertically align with button text.