CSS Help

[Pooky]

Hey guys I have tried to get this one thing right but I can't seem to, would be great if you could help.

Basically there are two elements:

.col1 and .box

.box appears on the blog's homepage eg list of posts, and .col1 appears when you click through to the post.

The problem is, I adjusted the colours of the .col1, to contrast with the background, but .col1 is showing up on the homepage behind the .box.

How do I get it to go away from the homepage but still appear in the individual post page?

 

[czc]

Different css file for the main page?

 

[Tachyon]

Do you have a live URL?

If not plz show us the relevant markup and css. Are you using Wordpress?

 

[Pooky]

Do you have a live URL?

If not plz show us the relevant markup and css. Are you using Wordpress?

Yeah using wordpress.

Okay here: http://enoki.co.za/ you can see two boxes.

One of them is from: http://enoki.co.za/announcement/test/

But it's appearing on the main page.

 

[semaphore]

Different css file for the main page?

Rofl what?


Just hide the div?

 

[Pooky]

Rofl what?


Just hide the div?

But where would the div be for only the home page? And if I hide the style then the one on the other page disappears.

 

[kilobits]

Hey Pooky

Just add the following line to your .box in your style.css (at around line 474)

max-width: 600px !important;

So it will look like so;

.box {
background: white;
border: 1.5px solid #C1C1C1;
clear: both;
height: 1%;
margin: 0px 0px 20px;
max-width: 600px !important;
padding: 20px;
width: 115%;
}

 

[Pooky]

Hey Pooky

Just add the following line to your .box in your style.css (at around line 474)

max-width: 600px !important;

So it will look like so;

.box {
background: white;
border: 1.5px solid #C1C1C1;
clear: both;
height: 1%;
margin: 0px 0px 20px;
max-width: 600px !important;
padding: 20px;
width: 115%;
}

Thanks, but that still leaves me with 2 boxes.

I've gone with another theme where I don't have that problem. I think the theme looks better anyway.

 

[Jolive]

you can still modify that particular theme with !important;..... this attribute set your selection on priority... so while reading the commands the property with !important; will be read first....

that somehow time taking as you have to set many other attributes as well. Rather you go with another theme ... but if u still have issue then discuss

 

[kilobits]

Pooky... sorry I misunderstood your .box issue... but the new theme has fixed that.

I think that perhaps with the old theme the issue might not have been a css one, but rather how Wordpress can display your homepage. Some themes work better when you set up a static page with some info on it rather than have it display the latest posts... and break the layout if this is not done.

View attachment 39750

I suspect that this may have been the case with the old theme.

Anyhow. Glad you are sorted.

 

[Pooky]

Thanks kilobits and others. May I pick your brains for another issue?

I want to edit the text that says 'Posted On' when something is posted. In the stylesheets, the reference I see to it is contained here: (In page.php)

<h1 class="entry-title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title() ?></a></h1>

<?php if ( ar2_get_theme_option( 'post_display[post_author]' ) ) : ?>
<div class="entry-author">
<?php printf( __( 'Posted on %s', 'ar2' ),
'<address class="author vcard"><a class="url fn n" href="' . get_author_posts_url( get_the_author_meta( 'ID' ) ) . '" title="' . esc_attr( get_the_author() ) . '">' . get_the_author() . '</a></address>',
'<abbr class="published">' . ar2_posted_on( false ) . '</abbr>'
); ?>
<?php edit_post_link( __( 'Edit', 'ar2' ) ) ?>
</div>
<?php else : ?>
<div class="entry-author">
<?php printf( __( 'Posted on %s', 'ar2' ), '<abbr class="published">' . ar2_posted_on( false ) . '</abbr>' ); ?>
<?php edit_post_link( __( 'Edit', 'ar2' ) ) ?>

However, changing that text doesn't do anything.

 

[kilobits]

Hey Pooky, it is in a number of places;

Look for the following;

<abbr class="published"><?php printf( __( 'Posted on %s', 'ar2' ), ar2_posted_on( false ) ) ?></abbr>

in the \themes\ar2.2.0-beta2-d57c18d\ar2-d57c18d\section-quick.php on / around line 22.

You can change it here for the sections... I * think * this is where you want to change it.

Hola if I am wrong again.

 

[Pooky]

Hey Pooky, it is in a number of places;

Look for the following;

<abbr class="published"><?php printf( __( 'Posted on %s', 'ar2' ), ar2_posted_on( false ) ) ?></abbr>

in the \themes\ar2.2.0-beta2-d57c18d\ar2-d57c18d\section-quick.php on / around line 22.

You can change it here for the sections... I * think * this is where you want to change it.

Hola if I am wrong again.

Ah great!

I didn't think at all to look there, but now that you mentioned it I did change the Wordpress to display the 'quick previews' on the front page. I guess the other instances were to change the text in other parts of the site.

Thanks!

 

[Pooky]

If in my menu I click on a category it takes me to the 'category archive', but on that page it shows me all the posts, even if they are not in the category...?

 

[Pooky]

If in my menu I click on a category it takes me to the 'category archive', but on that page it shows me all the posts, even if they are not in the category...?

Still trying to figure this out... Can anyone help pretty please?

 

[kripstoe]

This maybe? -> http://www.kriesi.at/support/topic/category-archive-not-working

 

[Pooky]

This maybe? -> http://www.kriesi.at/support/topic/category-archive-not-working

Thanks but that's for a different theme; I don't have any of that CSS in mine.

 

[kripstoe]

But you have a similar problem?

 

[Pooky]

But you have a similar problem?

Yep, no matter which category I click on, it still shows all the posts.

 

[kripstoe]

So it doesn't filter then. Is your menu correctly passing the category id? And is the category archive page picking it up?