7 replies [Last post]
Sheepdisease
Sheepdisease's picture
Offline
newbie
Last seen: 11 weeks 3 days ago
Timezone: GMT+1
Joined: 2013-02-16
Posts: 10
Points: 15

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.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 29 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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?

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Sheepdisease
Sheepdisease's picture
Offline
newbie
Last seen: 11 weeks 3 days ago
Timezone: GMT+1
Joined: 2013-02-16
Posts: 10
Points: 15

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?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 29 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Sheepdisease
Sheepdisease's picture
Offline
newbie
Last seen: 11 weeks 3 days ago
Timezone: GMT+1
Joined: 2013-02-16
Posts: 10
Points: 15

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.

Sheepdisease
Sheepdisease's picture
Offline
newbie
Last seen: 11 weeks 3 days ago
Timezone: GMT+1
Joined: 2013-02-16
Posts: 10
Points: 15

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?

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 29 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Sheepdisease
Sheepdisease's picture
Offline
newbie
Last seen: 11 weeks 3 days ago
Timezone: GMT+1
Joined: 2013-02-16
Posts: 10
Points: 15

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..