Styling Author Name

Posted in: Newspaper
Post count: 92

Hi there:

Using CSS, I’d like to know how to style the “by” and “[author name]” on single posts only:

http://ea1.a87.myftpupload.com/dangerous-dais-naeem-khan-fall-2017-bridal-collection

Without changing it on the rest of the site (page modules, etc.)

Post count: 23312

Hello fwoedit,

Unfortunately, I do not exactly understand what you want to achieve in this regard. So, if you want to change the design for author name, you should use a bit of CSS and change the value from the code below by your desire

.single{
.td-post-author-name div {
display: inline;
margin-right: 5px;
font-size: 12px;
}}
.single header .td-post-author-name a {
font-weight: 700;
margin-right: 3px;
color:red
}}

The result you should see here -> http://screencast.com/t/CJov0TFe79l

If is not what you mean, please provide more details about what you wish so I will be able to provide a more accurate response.

Thanks for the message!

Post count: 92

Hi Catalin:

That was great, thanks.

Next question:

I’m using this CSS to remove H2 titles from pages:

http://ea1.a87.myftpupload.com/calendar

But it also removes it from the author pages:

http://ea1.a87.myftpupload.com/author/lisa_panke

What code can I use for the H2 to remove it only from “regular” pages, but not the author pages?

Post count: 92

(By “regular” page, I mean like the calendar page linked above.)

Post count: 23312

Hello fwoedit,

You should use a bit of CSS code to do that.

The code is ->

.author .td-page-title{
display:block!important;
}

The result -> http://screencast.com/t/HGCStduX6tLq

Thanks.

Post count: 92

Amazing Catalin, thank you!!

Viewing 6 posts - 1 through 6 (of 6 total)
You must be logged in to reply to this topic.