Make Individual Posts Full Width In Activello

Activello
#1

Hi,
I want to make all my individual post pages as full-width. Is there a code snippet I can use for that, so I don’t manually make each post full width.

Thanks.

#2

Hi @priyankawriting,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

body.single-post .main-content-inner.col-sm-12.col-md-8 {
    width: 100%;
}

body.single-post #secondary {
    display: none;
}

Best regards,
Vinod Dalvi

#3

Thanks Vinod. This worked.

One more thing,
I wanted to change the font for the Blog post titles - on all pages.
I tried this code:

body {
  font-family: 'Helvetica', serif;
}

#blog .blog-post .blog-post-title {
font-family: 'Helvetica', serif !important;
	font-size: 30px;
color: white;
}

The font of the body changed but the title font hasn’t changed. Can you suggest the right code please. Thanks.
(www.me.priyankawriting.com)

#4

Please change your above shared code as following.

body {
  font-family: 'Helvetica', serif;
}
.blog article .entry-title {
font-family: 'Helvetica', serif !important;
	font-size: 30px;
color: white;
}
#5

Hey @priyankawriting,
Hope you’re doing well today

Did you manage to get this issue sorted?

Please let me know. I’m just confirming that everything is okay and that I can close the ticket.

Looking forward to your reply.

Best Regards,
Support

#6

The code worked. But after seeing results I thought I preferred current settings. Thanks.

#7

You are most welcome here :slight_smile: