Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Hide page titles using CSS (http://forum.bytesforall.com/showthread.php?t=21900)

stevinoz Mar 25, 2014 06:35 AM

[SOLVED] Hide page titles using CSS
 
I need to hide page titles not with the Config SEO but with CSS in the css inserts section, anyone with any ideas?

lmilesw Mar 25, 2014 07:01 AM

If you want to hide all titles on posts and pages you would use .post-headline as the selector. If you want to hide only on certain posts or pages you will need to use a tool like Firebug to determine the id for the post or page and add that to the .post-headline selector. Then use display:none to hide the title for what you want.

stevinoz Mar 25, 2014 07:13 AM

I have put in with or without the important and no difference
.post-headline display:none !important;

lmilesw Mar 25, 2014 07:47 AM

Was leaving our the curly braces a typo? The code should be
HTML Code:

.post-headline { display:none; }

stevinoz Mar 25, 2014 08:39 AM

Quote:

Originally Posted by lmilesw (Post 107667)
Was leaving our the curly braces a typo? The code should be
HTML Code:

.post-headline { display:none; }

yes I did forget the curly's on that but even when I tried it with them it didn't work, I'm putting it in html/css inserts, is that right?
I should also mention I'm trying this because the config/seo option does not work because of a conflict with a needed plugin.

lmilesw Mar 25, 2014 10:34 AM

What is the link to the site?

stevinoz Mar 25, 2014 09:08 PM

http://aflservices.com.au/ with everything up to date

lmilesw Mar 26, 2014 06:31 AM

Those aren't page titles, they are widget titles. If you wanted to get rid of all the widget titles you could use.
HTML Code:

.widget-title {
    display: none !important;
}

If you want to get rid of the widget titles only on certain widgets/pages you would use something like the following which works on the home page.
HTML Code:

#text-2 .widget-title {
    display: none;
}
#text-2 {
    margin-top: 20px;
}

The second part of that code moves the content of the widget down to line up with the text to the right.

It seems like it would have been easier to just create a site with no sidebars and put all the content on each page instead of using widgets.

stevinoz Apr 27, 2014 04:08 AM

Quote:

Originally Posted by lmilesw (Post 107692)
It seems like it would have been easier to just create a site with no sidebars and put all the content on each page instead of using widgets.

I am in awe of the simplicity of this logic, why did I think it had to be so complicated!

Again, thanks lmilesw for your help I'll whip through another donation for this.


All times are GMT -6. The time now is 07:08 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.