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
is there a way to decrease the footer height? I have been playing with the style.css, but did not make it. I would need the footer height as small as possible. Can anyone help?
My client is asking he want full width slider in home page without scroll bar and he is asking footer is also visible in home page like sticky footer without scroll. I tried but its not working. please save me out from this.
website is in wordpress
This is my website url: http://f9interiors.com/
Thanks for your suggestions.
Update following css. you change padding as per your requirement.
.copyright-wrapper {
background-color: rgba(13, 9, 0, 0.4);
position: relative;
padding: 5px 0;
}
.copyright-wrapper .container{
display: inline-block;
}
.copyright-wrapper {
background-color: rgba(13, 9, 0, 0.4);
position: relative;
padding: 0px 0px 20px 0px;
line-height: 15px
}
.copyright-wrapper .container{
display: inline-block;
}
apply that css
section#home_slider {
height: calc(100vh - 65px);
overflow: hidden;
}
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 3 years ago.
Improve this question
i have a listing html page, in which the first div background color will be white and the second grey color. i have used the following css
.aamir {
background: #fff;
width: 1000px;
margin: 0 auto;
text-align: left;
padding: 20px;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
height: 45px;
margin-bottom: 3px;
border-radius: 1px;
}
div:nth-child(even) {
background: #fafafa
}
the problem is when i am using the class name like
.aamir:nth-child(even)
its not working. when i am using
div:nth-child(even)
its working fine. can anyone please tell me why i cannot give it my class. thanks in advance.
Firstly, i think your CSS selector is incorrect. You would need to do the following (note, the starting period):
.aamir:nth-child(even) {
background: #fafafa
}
Second, i think you might be suffering because of the specificity. You can try the below CSS to get around it. This will make it more specific than the original selector by using the element type as well as the class. If your element type is not a div, change the CSS to match the element type.
div.aamir:nth-child(even) {
background: #fafafa
}
You can find out more about specificity at: https://www.w3schools.com/css/css_specificity.asp
Make sure not to forget to add a dot before aamir.
.aamir:nth-child(even) {
background: #fafafa;
}
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 4 years ago.
Improve this question
I am having some trouble trying to figure out what's happening with my page. As you can see below on the mobile version, it appears right next to the top part of the logo.
My current code for nav (the element in blue) is:
nav {
top: 0;
left: 0;
text-align: center;
font-style: italic;
font-weight: 700;
font-size: 25px;
}
Since it maybe hard to tell just by the picture, you can find the code to this page in https://jsfiddle.net/bg5srnj8/1/
nav > img {
vertical-align: middle;
margin: 0px 25px 10px 25px;
}
you had a 10px margin top in the image.
I hope it works.
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 an inhouse developed website for doing Home Inspections www.e-ghar.com. But I am facing a issue on its home page. The home page shows an extra blank space on the right side when viewed on a smaller screen. Can any expert of CSS help me in identification of issue?
There is two way to resolve your problem.
quick fix
body {
overflow-x: hidden;
}
Or actual fixes
.tt-wrapper {
overflow: hidden;
}
Try to something like this.
#fwslider {
overflow-x: hidden;
}
Looks like all you need is box-sizing: border-box.
box-sizing: border-box includes the padding and border in the width.
* {
box-sizing: border-box;
}
If you do this, you will have to change your .product1_of_3 to:
.product1_of_3 {
float: left;
width: 29.3333%;
padding: 2%;
margin: 0 2%;
background: #ffffff;
}
Try this.
#fwslider {
overflow: hidden;
}
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
Hi,
I have managed a blog(wordpress) for a company and pasted their header footer code to make the site look uniform. But the social icons in header are not clickable whereas they are clickable in rest of the website. Link to the blog is: Blog
Thank you.
Try this -
.social > li > a
{
padding:5px 3px;
}
.top-bar a
{
background:#0091EA none repeat scroll 0 0;
z-index:9999;
position:relative;
}
This is the solution:
.top-bar {
background: #0091ea none repeat scroll 0 0;
clear: both;
color: #ffffff;
float: left;
font-size: 12px;
padding: 5px 0;
width: 100%;
z-index: 99;
position: relative;
}
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Questions concerning problems with code you've written must describe the specific problem — and include valid code to reproduce it — in the question itself. See SSCCE.org for guidance.
Closed 9 years ago.
Improve this question
If I'm honest I feel a bit stupid asking this question on here as the answer will most likely be very simple, but I'm currently at my wits end trying to find the solution.
I have two web pages which use identical code and the same style.css file but use different tags, allowing me to alter the colour of the menus, header on the page etc.
The following one is working correctly
http://www.dtlsports.co.uk/poolIndex.php
However on this one, the menu has lost its colour and shifted down incorrectly.
http://www.dtlsports.co.uk/squashIndex.php
Can anyone spot the difference between the two that will make one work and the other not? I assume you'll be able to inspect all the necessary stuff on the pages themselves, but if not just let me know and I'll put it all on here.
Thanks in advance!!
Looks like the second one is missing a display:block;
http://puu.sh/5arNI.jpg
you needed to add display:block
navQ {
background: -moz-linear-gradient(center top , #FFCC00, #FFCC00) repeat scroll 0 0 #FF0000;
border: 1px solid #FFCC00;
border-radius: 0.5em 0.5em 0.5em 0.5em;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
color: #FFCC00;
display: block;
height: 44px;
margin: -37px auto 0;
min-width: 800px;
}
you are missing the following CSS style
article, aside, figure, footer, header, hgroup, nav, navP, section {
display: block;
}