Sat, 2013-02-16 12:33
http://www.shaunhillphotography.co.uk/news/
Hello all, I am trying to insert custom css code which automatically enters a separator between posts, but not having much luck.
I don't know how to select a class within an id:
entry-utility #content-sm{
background: url(http://img367.imageshack.us/img367/1606/damasksplitterbgsd8.gif) no-repeat;
height: 100px;
width: 1000px;
}
And I cannot get the spacing even on the right hand side as it should be on all other sides.
Sun, 2013-02-17 12:32
#1
For starters you have not
For starters you have not written that selector as a class i.e. it's missing it's '.' at the front, and the ID you refer to '#content-sm' does not exist as far as can see. CSS is not a dynamic language it does not add markup. How were you intending on rendering this graphic?
Sun, 2013-02-17 17:45
#2
Hello Hugo, Thank you so much
Hello Hugo,
Thank you so much for your reply. I don't know what you mean in this instance about how the image will be rendered. It is being stored remotely and is just an example image for reference at this stage.
It should sit between each of the posts on the news page centrally.
How should the code appear if I have it wrong?
Sun, 2013-02-17 20:49
#3
Ok you need to explain what
Ok you need to explain what you have tried then by way of adding this image; quote: "but not having much luck."
What I meant by 'how rendered' was my mention of no obvious id as shown in that ruleset.
Sun, 2013-02-17 21:08
#4
Basically, I want it to look
Basically, I want it to look like this:
http://pexeto.com/acoustic_wp/contact/
After every entry in the news section (regarding the divider), although I would like to know how to make some pages divide into two columns neatly on the website too.
Looking at the site again I can't see a way to insert this divider exactly between the entries.
I'm hoping you might have a better idea. Thank you for persevering with me.
Mon, 2013-02-18 07:21
#5
I could use the
I could use the following:
<hr class="double-line" /> .double-line { width: 100%; height: 1px; display: block; border: 0; /* reset the border for HR */ border-top: 1px solid #ebebeb; border-bottom: 1px solid #f5f5f5; font-size: 1px; }
But I don't know where to insert it so that it goes exactly where it needs to within the php files in the backend. I like the fuction of the theme I linked to above, but I am using a different theme.
Any ideas?
Mon, 2013-02-18 15:18
#6
hmm wrote a response this
hmm wrote a response this morning, but it appears it either didn't get through or I forgot to hit submit.
Essentially we are veering off topic for this forum, we can't really advise on how to deal with your templates as these can be written in a variety of fashions and file names, you need to locate the source file for the WP main content loop that constructs the posts loop and after 'article' add a div with class just for presentational purposes to this you can add a background property and style as you wish, or better change that category view you linked to earlier to a ul li and then you can add a background to the li element positioned to the bottom and use last-child to remove the... last item
Mon, 2013-02-18 20:48
#7
Thank you for your reply. I
Thank you for your reply. I am going to try and see if I can do this! I may be back..