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 want to make the class .cart to be fixed at the bottom the the screen at all times like a fixed footer. Currently user has to scroll all the way to the bottom of the page to view this div. I have tried the following css but to now avail.
Although this code works fine for my in JS fiddle but not on my webpage (link below)
JS Fiddle -- > http://jsfiddle.net/Lec5yu1d/2/
My webpage -- > http://omgjewelz.com/create-your-set
.cart { position: fixed;
left: 0;
bottom: 0;
width: 100%; }
Hi adding this code to your style will make it work,
You need to make footer sticky along with positioning it, So here I added bottom:0px for you.
footer.site-footer {
position: sticky;
bottom: 0px;
}
For better view, I will suggest you to use background white behind the text div, as right now its transparent so it will mess up with content,
.footer-bottom {
background: white;
}
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 2 years ago.
Improve this question
I need to remove the navbar in my Hestia Theme.
I tried .navbar {display:none;} and when I use it the top bar gets white and I need to remove it.
Could you help me with this problem, please?
Kind regards
As it showed in the piture
In Wordpress sites the main tag has a margin at the top. This is causing the white bar above the page after you removed the navigation. You can "deactivate" this with:
.main, main {
margin-top: 0 !important;
}
Edit: I have checked out your site and have found the reason. There is some top padding defined by inline CSS at the article tag, that's get added by some JavaScript, but I cannot tell you why.
But you can still turn it of with:
.elementor-page .pagebuilder-section {
padding: 0 !important;
}
This CSS rule is an extended rule already applied by Elementor, buts get overwritten by this inline CSS. I just added the !important to fix it:
If that was helpful and you used this answer to solve your problem, it would be nice if you mark this answer as accepted. If this answer doesn't work or you have other questions, please response with a comment.
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 5 years ago.
Improve this question
I have a selling webpage which uses Asp.net and CSS. Something is overlaying the text boxes and hyperlinks so it doesn't allow me to click in to them when using a mobile device. I've tried eeverything I know and wondered if anyone would be so kind to try and help me with this by looking at the page souce code and using Inspect Element as I'm quite new to programming and not sure how to use it fully.
The web page is http://www.onlinecarbooty.com/go-booting2.aspx
BUT you need to be logged in using..
Username: test12345#aol.com and Password: qwerty
on this page: http://www.onlinecarbooty.com/loginmob.aspx
As I say, it works on a laptop but on a mobile you can't click anything apart from the photos (sellers items).
The code is big and will confuse matters if I post it here so if possible, can anyone please have a look at the page directly for me. Really appreciated.
I can take a look, but credentials you provide seems to be wrong.
Edit:
All right. You can put in the CSS file this code:
.stallNew > div:nth-child(2) > div {
position: absolute;
transform: translateX(-50%);
left: 50%;
width: 320px;
pointer-events: none;
}
.stallNew > div:nth-child(2) > div select, .stallNew > div:nth-child(2) > div textarea, .stallNew > div:nth-child(2) > div input, .stallNew > div:nth-child(2) > div a {
pointer-events: auto;
}
Edited:
Your html is very messy and it should be refactored. Above I use pointer-events attribute which allows element to be transparent, so you can click through it, however if you want to specific elements of the elements which attribute pointer-events: none to be clickable you have to set their attribute to pointer-events: auto.
Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
Closed 6 years ago.
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.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Improve this question
I have a Wordpress blog at www.cattywampur.com
I really like the free theme I am using, I just want the content part to be a bit wider. There is a lot of padding to the left of the blog post writing and to the right of the right side bar.
Looking in inspect element I do not see any padding values. I see a width value for content but if I increase it, it makes the right sidebar disappear like so:
It looks like .post-inner is the class you're going to want. If you wish to remove "padding" from the post area you could add something like the following to style.css in your child-theme:
.post-inner {
max-width: 90%;
width: 700px
}
If you'd like to increase the post width you'll have to also decrease the width of the sidebar, otherwise the sidebar will clear the post content and end up on the bottom of the page. Something like the following ought to do the trick.
.content {
width: 76%;
}
.sidebar {
width: 22%;
}
Use the two blocks of CSS in conjunction in order to achieve an effect like this!
Note: I've also added padding: 30px 0; to .post-inner in order to even things out.
I think you should change (or add) attributes to class post-inner ( .wrapper section .section-inner .content .posts .post .post-inner )
.post-inner {
max-width: *your value - i suggest use %*;
width: *your value*;
}
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 8 years ago.
Improve this question
I use visual composer in Wordpress and both when I make the image here rounded, either with Visual composer or directly with CSS it still does not become rounded in the corners.
Link: http://hope.ly/13Aaqw8
Does anyone have any ideas ? Suggestions ?
You can set border radius on the parent wrapper:
.wpb_column > .wpb_wrapper *:last-child {
margin-bottom: 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
But this will depend on the cropping of the image inside this wrapper.
It looks ok to me when I edited it directly in the chrome inspector. but you should post your own code really to see what you have tried.
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 8 years ago.
Improve this question
I have a sticky navigation, but my problem is the navigation jumps a little as I begin scrolling
http://testdev.co.za/tyme/info/
Can anyone show me in the css where the problem is.
You need to fix the position of your navigation bar using this code
position: fixed;
may be it will help you
You need to remove the padding-top: 25px from the .l-canvas.headerpos_fixed .l-header.state_sticky class in custom-vb.css.
Then you need to add padding-top: 25px to the .l-canvas.type_wide .l-subheader, .l-canvas.type_boxed .l-submain class in the same css file.
Sooooo, in custom-vb.css:
.l-canvas.headerpos_fixed .l-header.state_sticky {
}
.l-canvas.type_wide .l-subheader, .l-canvas.type_boxed .l-submain {
min-height: 100px !important;
padding top: 25px;
}
Any problems let me know.