Is there any way to end the space for post title at the same line in which the post body ends? (The vertical red line on the attachment)
I want that place to be occupied by the widget on the right side bar.
Also, how can I remove the padding below and over the post title? There is too much white space between my header menu and the post title, and too much space between the post title and the date.
The problem is the space between the title itself when it takes more than one line. It looks as if there was a double enter between each line. This is what I want to change.
Is there any way to end the space for post title at the same line in which the post body ends? (The vertical red line on the attachment)
I want that place to be occupied by the widget on the right side bar.
Also, how can I remove the padding below and over the post title? There is too much white space between my header menu and the post title, and too much space between the post title and the date.
Thank you!
Hi,
1/ This issue caused by you're using Single Posts Style 2.
Please go to Customize > Single Options > and un-check on "Enable Single Posts Style 2"
2/ Please do point 1/ and add more this code to Customize > Custom CSS:
@media only screen and (min-width: 768px) { .container-single .single-post-title { line-height: 1.1; } }Best Regards,
PenciDesign
It works great on my PC and it almost looks great on my phone too, there are just too problems:
1) too much padding above and below the title.
2) The title get's too small and doesn't get any bigger when I change Single Post > Custom Font Size for Posts Title.
Also, there is way too much spacing in the title when the texts is in two or three lines. How do I change this?
Hi,
1/ You can reduce it by add more this code to Customize > Custom CSS:
body.single #header{ margin-bottom: 30px; }2/ I see it still working fine.
Check this image
3/ You have a wrong CSS code in Customize > Custom CSS, please fix it from:
@media only screen and (max-width: 1170px){.featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 24px;}
To:
@media only screen and (max-width: 1170px){.featured-style-6 .penci-item-1 .penci-mag-featured-content h3 a {
font-size: 24px;} }
Best Regards,
PenciDesign
The problem is the space between the title itself when it takes more than one line. It looks as if there was a double enter between each line. This is what I want to change.
I'm attaching a picture so you can see what I mean
Hi,
I knew about that, that's why I said with you fixed the codes on step 3/ to make this code work:
@media only screen and (min-width: 768px) { .container-single .single-post-title { line-height: 1.1; } }I given for you this custom CSS code to change it before, but I see you removed it, let's add it again.
Best Regards,
PenciDesign