I want to have my text a bit to the left, so it is not centered but also not completely to the left.
Anyone know's how to customize the text align?
It sounds like what you're looking for is the CSS padding-left property.
Depending on the exact effect you're looking for/situation you're in, you might also try margin-left, or simply left. Example:
.myClass {
padding-left: 10px;
margin-left: 10px;
left: 10px;
}
Related
I have created a pen to illustrate what I am working on here, It has the look and behaviour I want, however I cannot seem to be able to align the flow of contents from left to right as the flexbox as the justify-content is set to center.
Is this possible to do without hacks?
#thumbnails {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
width:auto;
justify-content:center;
background:pink;
padding-top:30px;
}
If i understood right your problem, remove
align-items:flex-start; and
set justify-content:flex-end; and also add width:80%; or play with the percentage as to what you want.
That's really what i understood from your question.
When on the site and using IE, it is not possible to type in the text fields, the two textareas work ok. Please can someone go to this site and look at 'view source' and tell me why it is not possible to type in the text fields while using IE? I am really struggling to fix this
The text is there, just hidden. I proved this by writing something in there then shift + left arrow to highlight whatever (if anything was in there) and copying it out. It worked.
In terms of the issue it seems to be linked to the padding size. 16px with a 28px max-height. 16x2(top and bottom) being 32 and whatnot doesn't leave much room for the font ;). Now as to why Chrome is smart enough to take your 32px and 0 height element and make it show text, I don't know, supposedly its just better. Cue all the clever people now that will explain the intricacies of how IE and Chrome deal with these issues (or will link some already enlightening posts). By the by, it doesn't work in Firefox either without a fix.
Anyways the CSS below is the issue. Lines 3773 and 675 of your style.css. Changing the padding to something like 5px would make it 10px + 18px font size which is right on the 28px max-height. Oh and I don't know anything about WP so have no idea why or how or when or who or whatever the CSS file is generated by, but assume you can just modify it for now to get it working.
input, select, textarea {
background-color: #fff;
border: 1px solid #ddd;
color: #333;
font-size: 18px;
font-weight: 300;
padding: 5px;
width: 100%;
max-width: 500px;
max-height: 28px;
}
How do I make my side bar fixed so when scrolling down on the page the sidebar will follow like my main menu ? I tried using a z-index to fixed the position but it doesn't work. Does any one know how to fixed that ?
This is my site
And its ther anyone to make the sidebar fixed on ONLY blogg page and "senaste nummret" page? dont want them to be fixed on all the other pages.
.sidebar-left {left: 0px; top: 20px; padding: 0px; position:fixed;}
You need to define where you want the sidebar to be fixed in relation to. Hence the left: 0px and top: 20px. If you want it fixed relative to the header, footer or rhs, just change the 'left' for the correct position.
Hope that helps.
When ever my website loads I can only see half of it unless I scroll to the left. I tried centering it by putting background-position: center left and it works. But when I zoom out/in it moves to the left/right. Anyone have solutions?
Thanks
I use something similar to the below code for example, if we have a div named wrapper, and width 960px, use the following code.
#wrapper {
width: 960px;
position: relative;
margin: auto;
}
margin: auto; will automatically center your webpage
I am getting a horizontal scroll bar in IE6. Attached the path to zip folder. Download and open index.html page in IE6. Let me know how to remove the scroll bar.IE6-horizontal-scroll bar
Its one or more bad values in paddings. Try replacing all "padding" with "xxx" for a moment and you'll see that the problem disappears.
You also need to study the broken box model on IE.
Solution:
Replace all padding: 10px with padding: 10px 0;
Fix what does not look right (padding wise)
You need to set the horizontal padding of div#container to zero too. You're only setting the top padding in skin-ie.css to zero now. Change padding-top: 0px in skin-ie.css to padding: 0 (the px is unnecessary for zero).
tried
html{
width:100%;
overflow-x: hidden;
}
body{
width:100%;
overflow-x: hidden;
}
yet?
EDIT:
This works but hides right side edge content. See the link screenshot. http://shivanand.in/temp/rightside-edges-hidden.gif – Shivanand
Hmm, that is weird. Are you using any position: absolute DIVs with width set in pixels (not %) that are causing this to happen?