http://cargocollective.com/joingateillustration
Hi everyone, this is my site I am developing and I have managed to add my twitter feed to my page however I cant add a line break before each tweet, Ive searched here and people have posted answers to a similar post but this doesnt seem to affect mine, can anyone help?
You could add a top margin to your tweet list items:
#twitter_update_list li {
list-style: none outside none;
width: 150px;
margin-top: 10px;
}
Something like this?
#twitter_update_list li span
{
padding-top:10px;
}
Related
I've tried many ways to add padding to my sidebar widgets without success when I make the changes via Developer Tools it works, but I get stuck when I try to find the right tag to call, since I'm using a theme that might have different tag names¿? (I'm sorry if this sounds dumb but I'm kinda new to this, my site is http://thenoirportrait.com, as you can see for example the Social Media blocks are stick to the sidebar divider. These are two of the many codes I've tried to use in my child theme:
.sidebar.widget-area.position-right {
padding-left: 40px!important;
padding-right: 40px!important;
}
.xt-widget-content {
padding-left: 40px!important;
padding-right: 40px!important;
}
Thank you so much for your help :)
Leave a space between the "px" and "!important":
.sidebar.widget-area.position-right {
padding-left: 40px !important;
padding-right: 40px !important;
}
Apart from that, this selector should work
I really like how the FAQ page/questions look on the site I'm building using Squarespace. The only issue is that because of this structure, it also leads to a cumbersome drop down menu when you hover over the FAQ tab on the main navigation.
Here's a link: http://www.officialjerky.com/faq-1/
While it's certainly possible to set up anchored links in another FAQ page, I'm also sure there's a solution that will allow me to keep the structure of the page(s) and get rid of the drop down. Perhaps a bit of custom CSS that could make the drop down invisible?
There was a similar help thread that asked how to change the spacing between the items in the drop down, and the custom CSS input solution was: .primary-nav .folder-links-wrapper li { line-height: 0em; }.
Any guidance or input is really helpful. Thanks.
It's controlled by JS, so you may need a mini sledgehammer to override it. Try this in your CSS:
.subnav {display: none !important;}
Ideally, remove the script that is causing the behavior.
Regarding the + on small screens, on line 9865 of the stylesheet there is this:
#sidecarNav .folder label:before {
content: '+';
padding-right: .25em;
width: .75em;
display: inline-block;
}
You could either remove that code, or just add this to the stylesheet:
#sidecarNav .folder label:before {
display:none !important;
}
I'm trying to write a css stylesheet for use in my wordpress blog, which will output a colored background, highlighted bash code and line-numbers. This is what I've got so far -
code {
background-color: #FFC0CB;
list-style-type: decimal;
border-radius: 5px;
}
But I'm having problems getting highlighted code and also line numbers.
Can anyone help please?
Thanks
Sharon.
Like this
DEMO
CSS
code ul{
list-style-type: decimal;
margin:0;
}
code ul li {
background-color: #FFC0CB;
border-radius: 5px;
margin:3px 0;
padding:0;
}
I am assuming that this is what you are trying to achieve:
http://jsfiddle.net/BdY2g/
edit
http://jsfiddle.net/BdY2g/2/ - new fiddle.
in this new fiddle, i am using javascript to wrap each line in a 'li' tag.
This fiddle requires you to put ID tags on your code in this case: "bashCode" and an onload function that runs the function to update accordingly.
firstly, if you are using classes you need to use a '.' prefix in your css so your
code {
moves to
.code {
also, if you use an ordered list (ol) instead of an unordered list (ul) numbering is applied automatically.
I hope this helps.
When I add the unordered list in the header for the navigation, it pops the header down and knocks out the text that is floated right. If I remove it, all is well. Any ideas? I have been racking my head on this one... perhaps more sleep.
http://jsfiddle.net/YVmTB/2/
Also Ideally I would like the navigation to be horizontal... but i'm not quite there yet.
Maybe you're looking for something like this?
http://jsfiddle.net/YVmTB/10/
added the 2 extra stylings to the end of the css
nav {
float: left;
}
nav li {
float: left;
margin-right: 15px;
}
This is quite a simple CSS solutions.
Just add this line to your CSS:
nav li {
float: left;
margin: 15px;
}
I added this to your CSS and it seems to look like you might want it.
nav>ul, nav>ul>li{
float: left;
}
nav>ul>li{
margin: 0 .5em;
}
Of course, an example of how it should look would be nice, but maybe this will help.
Hi i'm pretty new to web development and have just recently finished my first attempt at web design. I've stumbled across one issue i can't find a solution to however. In webkit-browsers one of my ul-lists (navigation) initially renders in the wrong place. When i click on one of the links it pops back in the correct position again. Full site: stenius-online.com
header ul {
float: right;
padding-top: 16px;
font-size: 145%;
}
header li {
padding-right: 58px;
text-decoration: none;
}
On your site you have a link immediately preceding your <ul>. Make that link float:left; that should solve the problem.