Help needed on a few things

I’m following up on a few things I need help with:

  1. I want to add a 1px line (color #B3BCB9) to the left of the main sidebar
  2. I want to make the font size for H2 in the sidebar smaller (16 px)
  3. I want to remove the title “The Blog” from all blog post pages and index page. I also want to delete the header landmark so those gray lines and space around them are gone.
  4. I need to correct the sizes of H1, H2 etc. in classic text boxes. I added some custom CSS you gave me and it seems to work on mobile sizes, but not on desktop. Here’s an example: https://www.decoratedway.com/writing/writing-about-colors/
  5. I tried to remove some of the post metadata you gave me. I only want the author name and post category to show up below the post title. For some reason it looks correct in Cornerstone, but then when I look at the page all the metadata is still there.
  6. I want to display breadcrumbs on posts only.

I put the login info in a secure note.

Thanks in advance for any help you can give!! :grinning:

Hi pearlmultimedia,
I’ve checked your website and I figured out the reason why the CSS code you added in (X > Theme Options > CSS) wasn’t working, it’s because there was a missing } as you can see in this screenshot:



I have corrected that for you, many of things are now working, could you please recheck and update the list?

Thanks.

1 Like

Thanks, Alaa. I cleared the website cache and the browser cache. It looks like you solved #6 from the list. But these ones still need to be fixed: #1, 2, 3, 4, 5 (from the list above). If you scroll down this blog post you can see what I mean: https://www.decoratedway.com/sales/buy-an-isbn-number-books/

Hello @pearlmultimedia,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS

/* CSS to add line before sidebar */ 
.x-sidebar.right {
    border-left: 1px solid #B3BCB9;
    padding-left: 10px;
}

/* sidebar font size */
.x-sidebar.right .h-widget {
    font-size: 16px;
}

/* Remove The Blog */

.x-landmark {
    display: none;
}

.x-header-landmark {
    border: 0;
}

/* heading font size */

.x-text h2 {
    font-size: 20px;
}

/*post meta CSS*/

.p-meta span:nth-child(2), .p-meta span:nth-child(4) {display:none;}

Please let us know how it goes.

Thanks.

Thanks @Prasant. I added that, but it didn’t change anything. I purged the cache and cleared the browser cache, then I deactivated the W3 Total Cache plugin. I checked on Safari and Chrome on two different computers. But no luck. Did you look at the Global CSS that’s in there? I’m wondering if some of it is conflicting with what you gave me since I’d gotten some custom CSS from the Support forum before…? IT’s strange that it’s making the H2 headings have a 75px size with a 91 px line height. I can’t figure out what’s causing that…

Does the .x-text h2 control the classic text box? That’s where I’m having problems in this case.

Also, I wanted to add that the only reason I’m using the classic text box instead of the Cornerstone text box is because Yoast SEO and another SEO tool I tried couldn’t read the X text box. Maybe I was doing something wrong. But I switched to the classic box and they can read that. Any suggestions?

@Prasant Also, following up my late note: You can see that in the Cornerstone panel view the changes have been made and look correct. But in the Preview mode the changes are not showing up. Do you have any idea why? I’ve been clearing my browser cache every time I check. I’ve attached two photos so you can see what I mean.

Preview mode:

Cornerstone mode (with the sidebar border, no The Blog title above, correct metadata):

Hi,

This bracket was missing again so I added it back.

Cornerstone and preview looks the same now.

Preview: https://www.decoratedway.com/writing/writing-about-colors/

Cornerstone: https://www.decoratedway.com/x/#/content/486/layout

Thanks for doing that @paul.r!! So there is supposed to be a double bracket there? I’m having a hard time reading that. Also could you tell me how to change the font size on the “Leave a comment” heading at the bottom of posts?

Hi There,

Please add this custom CSS also:

h3#reply-title {
    font-size: 26px;
}

Hope it helps :slight_smile:

That worked! Thank you @thai!

1 Like