CSS coding help

jannemarri · Member · Oct 19, 2012 at 2:19 am
Copy link

Add topic to favorites
Hi,

I am busy figuring out the layout of the site before I make everything final. I need help with CSS coding as I am stumped.
1. How to remove the “Posted by…..” which is found next to the date when you add a new post. I know how to fully remove it but it takes out the bar and looks funny because its not adjusted to the date image (little bit of he bar left attached to the date image). I just want to remove the text and not the entire bar (section its written on)
2. I want to add my own social networking icons on the top page of the site. How to do that with CSS?
3. How do you personalize the line that appears under each posting? To something that I like maybe with my logo appearing in the middle?

I am using Mystique theme. Help!!

Thanks!

The blog I need help with is: (visible only to logged in users)
foomandoonian · Member · Oct 20, 2012 at 4:59 pm
Copy link
1. Add the following into your CSS:

p.author { display: none; }

2 & 3 are beyond the scope of CSS really.
designsimply · Member · Oct 26, 2012 at 3:20 pm
Copy link
2. I want to add my own social networking icons on the top page of the site. How to do that with CSS?

What you can do is add them into your sidebar using a text widget, and then you can move that text widget to somewhere else on the page using CSS.
designsimply · Member · Oct 26, 2012 at 3:31 pm
Copy link
3. How do you personalize the line that appears under each posting?

You could do this using the content property. Here is an example of adding text:
```
.post-meta:before {
	content: "Replace this text.";
}
```
To add text and an image, you could start with something like this and adjust it:
```
.post-meta:before {
	background: url(http://s.wordpress.org/about/images/logos/wordpress-logo-32-blue.png) no-repeat;
	display: block;
	min-height: 32px;
	padding-left: 40px;
	content: "Replace this text.";
}
```
Replace the url() value with your image and update the min-height and padding-left values to your image dimensions.

The examples above will work on archives pages (pages that list posts). The Mystique theme adds in a special author section below the content on individual posts automatically. To adjust the image there, update the post author’s Gravatar. To adjust the text, edit the Users → My Profile → About you setting in your blog dashboard.
designsimply · Member · Oct 26, 2012 at 3:32 pm
Copy link
To something that I like maybe with my logo appearing in the middle?

If you still need help with this, could you point out exactly where you’re trying to add your logo in the middle?
designsimply · Member · Nov 5, 2012 at 9:19 pm
Copy link
I’m closing this since there haven’t been any replies for 10 days. Please start a new help request if you still have any questions.

No items found.