I give up!

I had to go to Appearance>Customize>Custom>Edit Global CSS in order to insert .p-meta .meta-comments {
display: none;
}. All this did was to remove “Leave a Comment” from the line “In Articles by R7 eagle / May 24, 2018 / Leave a Comment
I think I need a css that will remove the entire line of “In Articles by R7 eagle / May 24, 2018 / Leave a Comment”
I tried to go to X in the Dashboard and when I clicked on “Theme Options”, there was no place to enter the css command so I had to go to the css area in the first sentence above to enter the css code you supplied.
Anyway, it would be of great help if you could send me a modified css code to enter to remove the entire line.
Thanks.
Bob

Attached is the lightshot pix of the lines I want to remove with some kind of css .

Hi Bob,

That line is called the Post Meta, you can disable that under Theme Options > Blog > Post Meta.

In Theme Options click the CSS button on the left-panel, and you’ll see the custom CSS area.



Hope it helps,
Cheers!

Thanks. A few minutes ago I found the “Post Meta” switch and turned if off. Amazing what you can find when you look around.
Thanks again,
Bob

Cool, we are happy to assist you with this Bob. :slightly_smiling_face:

I want to change my sidebar background color to rgb(217,217,217). How can I do that with the css code. I have tried

.nano { background-color: rgb(217,217,217) !important; }

.desktop .sub-menu{
background-color:rgb(217,217,217);
}

.x-sidebar{
background-color:rgb(217,217,217);
}

I am not getting the full sidebar to change color. Any suggestions. www.inductionstovetops.com

Hello @rherhood,

Thanks for asking. :slight_smile:

Actually the background you see on Ethos is main body background that’s added under X > Theme Options > Layout and Design > Background Options. It was done to have a transparent sidebar to that complements body background for styling reasons.

If you would like to change the sidebar background color, try adding following CSS under X > Theme Options > CSS:

.x-sidebar {
background: rgb(217,217,217);
padding: 35px;
margin-top: -35px;
}

Note: It’s a friendly request that this ticket is getting quite long and we have already discussed and provided support for different questions. Please understand that it creates lot of confusion when ticket is getting long and more so when we start discussing range of different support request. In that regards, I request you to please create a new ticket if you have further questions.

If you would like to learn CSS, I am sharing few resources that you take a look to get started with CSS and an interesting tool that you can use to speed up the development process.

I recommend you to watch following video that will help you to get started with CSS.

https://www.youtube.com/watch?v=MFR4WXiLzpc

Sometimes it can get a bit difficult to find out the right selector to be able to write the required CSS codes. A handy tool that can help you in this is Google Chrome dev tools. I am sharing the resource that you can refer to get started with dev tools.

https://developers.google.com/web/tools/chrome-devtools/css/

https://developers.google.com/web/tools/chrome-devtools/

https://www.youtube.com/watch?v=tP_kXBJWPhQ&t=200s

Thanks.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.