Docs

[ladyships]

Hey there!

A few questions about how to change styling in the blog view of Integrity.

I’ve already set up a child theme.

• http://www.sandersequality.com
• WP version is 4.5.2
• X version 4.5.2
• Cornerstone 1.2.4

FIRST QUESTION
How do I change the styling for the tag cloud below entries blog entries? Many of my entries have a LOT of tags, so I’d like to make the tag buttons much smaller in diameter (less padding) so that more tags fit in a smaller area, with light text in the Google font “Abel” & a dark background, with inset shadow that makes it look slightly recessed, a bit like this.

SECOND QUESTION
I want to hide the author metadata for ALL blog entries, in all views. Every entry has the same author, so it’s useless information to have.

THIRD QUESTION
I want to make the date for each entry way more prominent. The blog is a series of entries in a timeline, so the date for each entry is really important & needs to be more prominent. I was looking at this tutorial & was wondering how difficult it would be to incorporate that into the styles, so that the date box is to the left of the entry’s title, inset.

If this is possible, then I want to hide the date listed underneath the title.

FOURTH QUESTION
I want to change the font for the image captions to Abel.

FIFTH QUESTION
Is it possible to change the separator in the post metadata line from “/” to ■ (‘black square’ U+25A0)? & make the color black instead of grey?

SIXTH QUESTION
Can I make the pencil icon that shows up before the “Author” metadata show up before the “comments” metadata instead?

SEVENTH QUESTION
Can I change the Google font for the post metadata to “Abel”?

EIGHTH QUESTION
I don’t want the entries to be shortened when blog entries are displayed in search results OR when viewing entries with a particular tag—I want it to display the full entry text, I never want the entries to be shortened. Any idea where I can configure that?

NINTH QUESTION
Where can I change the text that shows up on a tag archive entry listing? Right now it says:

—Tag Archive—
Below you’ll find a list of all posts that have been tagged as “<tag>”

—I’d like to change it to NO text (or spacing) below the “Tag Archive” header, & change the “Tag Archive” header to “<tag>”.

Same deal with categories, except instead of replacing with <tag>, replacing with <category>.

TENTH QUESTION
Is it possible to add tooltips that show a list of titles of entries for a particular date in the “Calendar” widget in the sidebar?

[Rad]

Hi there,

Thanks for posting in.

1. Please add this CSS to Admin > Appearance > Customizer > Custom > CSS

.entry-footer a {
    padding: 0.4em 0.8em 0.5em;
    font-size: 13px;
    text-transform: capitalize;
    color: rgba(0,0,0,0.8);
    -webkit-box-shadow: inset 0 0 10px -5px rgba(0,0,0,0.8);
    box-shadow: inset 0 0 10px -5px rgba(0,0,0,0.8);
    text-shadow: 2px 1px 0 #FFFFFF;
    font-family: 'Abel';
}

2. Add this too,

.p-meta > span:first-child {
display: none;
}

3. That requires special CSS customization or even template customization since post meta-structure is different from what discussed in that tutorial. It’s best if you can provide a mockup design of what you’re trying to achieve, then I’ll check if it’s possible with current post meta structure.

4. Please add this as well, though, I’m not sure which image you’re currently referring.

.wp-caption-text {
font-family: 'Abel';
}

5. Of course,

.p-meta>span:after {
    content: "■";
}

6. Sure, please add this code to Admin > Appearance > Customizer > Custom > Javascript

jQuery( function($) {

$('.p-meta').each( function() {

$(this).find('span:first-child i').prependTo( $(this).find('span:last-child') );

} );

} );

7. Yes, please add this too

.p-meta span, .p-meta span a {
font-family: 'Abel';
}

8. Might be possible, but please start a new thread regarding this. A thread with multiple issues and related to customization is harder to handle 🙂

9. You can edit them at Admin > Posts > Tags and then set the archive title and description.

10. Possible, but that will be a complex custom development. You should consult it to a developer.

Thanks!

[ladyships]

Great! Thank you so much!

That all works great.

Quick question: How do I modify the size of the title for the blog entries? I’d like it to be 65% of the current size. Couldn’t find an area in the customizer where I can modify that size.

[Joao]

Hi There,
Please add the following code and adjust according to your wishes:

/* To Change Title Size of Blog Posts */
.blog .entry-title, .blog .entry-title a {
   font-size: 20px;
}

/* To Change Title Size of Recent Posts */
.x-recent-posts .h-recent-posts {
   font-size: 20px;
}

Hope that helps,

Joao

[ladyships]

heyo. i tried bringing it down to 15px, but no changes registered. still the same size: http://sandersequality.com/category/clinton-email-server/timeline-long/?order=asc …

[Paul R]

Hi,

Please change the code provided above with this.

/* To Change Title Size of Blog Posts */
.blog .entry-title, .blog .entry-title a,
.archive .entry-title, .archive .entry-title a {
   font-size: 20px;
}

/* To Change Title Size of Recent Posts */
.x-recent-posts .h-recent-posts {
   font-size: 20px;
}

Hope that helps.

[ladyships]

That worked great! Thank you so much!

Two more questions: where can I adjust the internal padding in the main content white box? Right now in desktop view it looks like it’s 30 pixels or something, & that seems excessive. Can I pare it down to something closer to what it looks like in the mobile version?

Also, can I modify how much spacing there is between each entry content box when they’re displayed one by one in search or archive pages? I’d like to halve it…

[Christian]

Please add the code below in your Appearance > Customize > Custom > CSS.

.entry-wrap {
    padding: 36px;
}

.hentry {
    margin-top: 2em;
}

Hope that helps. 🙂

[Author]

Posts