Sign in to follow this  
Followers 0
ecopeland

Remove or hide page and post titles

16 posts in this topic

I would like to minimize the space between the primary menu and the page/post content and the top of the sidebar.

Share this post


Link to post
Share on other sites

Our site is at http://rcflyer.org/
I would like to see a very small space between the menu and the page title, and the top of the sidebar. I would like to do the same for the posts page.

Share this post


Link to post
Share on other sites

Perform the following procedure:

1. Log into your Site
2. Go to Appearance -> Theme Options -> Custom CSS
3. Copy/Paste/Save the following code

.post-title {padding-top: 5px !important; padding-bottom: 25px !important;}

Plus: You can also increase or decrease the space above and space below by changing 5 and 25 to any other number.

Please reply in-case you are facing trouble.

Kind Regards.

Share this post


Link to post
Share on other sites

Thanks for the prompt response.
Adjusting the 5px and 25px to 0 each decreases the space maybe 50% on the Front Page. It does not remove the page title.
The code does not seam to have any effect on the Posts Page. It is now public.

Share this post


Link to post
Share on other sites

Note:- The code below is regarded to the page and posts title or heading available on the top. In case you want to hide breadcrumbs which shows page/post title in the top right corner of the screen (e.g. Home > Come Fly with Us Today!) then please don't use this code.

Page

In order to hide title, use the following.

.page .post-title {display: none !important;}

In order to manage the extra space between menu and content, use the following.

.page .post-content {padding-top: 20px !important;}
.page .sidebar-right-section {padding-top: 20px !important;}





Note: You can adjust 20 as you did earlier.

Posts

In order to hide title, use the following.

.single .post-title {display: none !important;}

In order to manage the extra space between menu and content, use the following.

.single .post-content {padding-top: 20px !important;}
.single .sidebar-right-section {padding-top: 20px !important;}





Note: You can adjust 20 as you did earlier.

Homepage

1. Go to page editing screen (where you edit your pages).
2. Click Text tab (where the HTML code is visible).
3. Just see if there are some empty tag available at the top.
4. If yes, then delete those tags.

Please reply if any problem.

Kind Regards.

Share this post


Link to post
Share on other sites

Thanks again for the prompt response. That all worked great for the pages and single posts, but http://rcflyer.org/pilots-blog/ the post page still has an "Our Blog" title.

Share this post


Link to post
Share on other sites

Hello Eric,

Try the following code:

.blog .archive-meta-container {display: none !important;}
.blog .content-section {padding-top: 40px !important;}
.archive .archive-meta-container {display: none !important;}
.archive .content-section {padding-top: 40px !important;}



Kind Regards.

Share this post


Link to post
Share on other sites

Thank you so much. I think we almost got it. Individual pages and posts still look fine and the bread crumbs show as expected, but on the Posts Page where the "Our Blog Title was removed the bread crumbs are now missing.
I do have one more small issue. I would like to have a small logo displayed to the left of the site Header and Description. This would make me a happy camper. I love the Theme.

Share this post


Link to post
Share on other sites

Hello Eric,

Regarding the breadcrumbs, we will be fixing our theme in the next update so that it appears on blog pages. The update will be released before Nov/22/2015

For logo icon, please can you provide us the URL of that image so that we can test it on our server to see how this can be done.

Kind Regards.

Share this post


Link to post
Share on other sites

Not to worried about the bead crumbs. Thanks with the help on losing title space.

Here is the logo icon in 2 sizes. I do not know the height of the site Header and Description, but if an image of roughly the same size square or smaller could be placed there that would be great.

http://rcflyer.org/wp-content/uploads/2015/11/FCAM_LOGO_72x72.jpg

http://rcflyer.org/wp-content/uploads/2015/11/FCAM_LOGO-120x120.png

Thank you.

Share this post


Link to post
Share on other sites

Forwarding your query to the development team. Lets see what we can do.

Kind Regards.

Share this post


Link to post
Share on other sites

Try this in Custom CSS for Logo icon:

.logo-section {
background-image:url('http://rcflyer.org/wp-content/uploads/2015/11/FCAM_LOGO_72x72.jpg');
background-repeat: no-repeat;
background-position: left top;
background-size: 72px 72px;
padding-left: 72px;
}



I hope that it will work. Please reply in-case any trouble.

Kind regards.

Share this post


Link to post
Share on other sites

You guy are good.Money well spent on this theme.
The bottom of the 72px x 72px logo gets cut off. If I reduce background-size: 72px 72px; to background-size: 55px 55px; the entire logo is visible but very small.
I would like to show the logo at 72px x 72px minimum, but only if it can be done without increasing the space between site description and the primary menu.

Thanks you.

Share this post


Link to post
Share on other sites

Remove the above code and try this:

.logo-section {
background-image:url('http://rcflyer.org/wp-content/uploads/2015/11/FCAM_LOGO_72x72.jpg');
background-repeat: no-repeat;
background-position: left top;
background-size: 72px 72px;
padding-left: 75px;
padding-bottom: 20px;
}
.nav-section {margin-top: -20px !important;}





I hope that it will work. Please reply in-case any trouble.

Kind regards.

Share this post


Link to post
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
Sign in to follow this  
Followers 0