Change 'Forums' display on home page

[mesteele101]

We were able to change the header that says 'Forums' just above the categories, and I'm unable to find out where this can be changed.

 

Did I miss something, any idea how to change this?

 

[Jan Krohn]

I'd like to know that too..

[Bruce_man]

Likewise. I actually want to remove/delete it because it seems kind of redundant having it

[opentype]

Enable the Quick Translation Tool in the ACP:

Then open your site and click and hold on the word:

Simple, isn’t it? :-)

 

[mesteele101]

That makes perfect sense.

Thanks...

[Bruce_man]

Thanks but anyway to REMOVE it?

[opentype]

Thanks but anyway to REMOVE it?

​Not so easy. That headline comes from a global template which affects all other apps as well. 
It’s also the main h1 headline of the page, so in terms of SEO, it’s not a bad idea to leave that in there and possibly give it another useful name if you don’t like the repetition of just “Forum”. 

[socceronly]

I really dislike it too

The space above the forum and the un aligned top block in the sidebar is sort of 'trapped' space so to speak.

I would like to align the sidebar or eliminate the all that real estate for a redundant word/header. 

[Bruce_man]

ANYWAY TO MAKE THAT AREA SMALLER? TOO MUCH HEIGHT

[Jan Krohn]

+1 to get it removed or somewhat smaller...

[Marcher Technologies]

Thanks but anyway to REMOVE it?

​Add this to your theme's custom.css file:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 
{
    display:none;
}

ANYWAY TO MAKE THAT AREA SMALLER? TOO MUCH HEIGHT

​Similar methodology:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 
{
    margin-bottom: 5px;
}
body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsType_pageTitle 
{
    font-size: 20px;
}

They actually did a really good job of letting you target any specific page with CSS.

[steve00]

They actually did a really good job of letting you target any specific page with CSS.

That's ok if can get head round how

[Marcher Technologies]

http://www.w3schools.com/cssref/sel_attribute_value.asp

CSS2 selector, targeting the body tag, will allow you to filter down to a specific app, module, section, or even specify front or admin location. I used all of them to target only the forums index page header on the front end.

[mesteele101]

​Add this to your theme's custom.css file:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 
{
    display:none;
}

​Similar methodology:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 
{
    margin-bottom: 5px;
}
body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsType_pageTitle 
{
    font-size: 20px;
}

They actually did a really good job of letting you target any specific page with CSS.

The default theme, I'm having a problem finding a custom.css file?​

[mesteele101]

The default theme, I'm having a problem finding a custom.css file?​

​Got it, duh...

[Ricw]

​Add this to your theme's custom.css file:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 
{
    display:none;
}

​Similar methodology:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 
{
    margin-bottom: 5px;
}
body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsType_pageTitle 
{
    font-size: 20px;
}

They actually did a really good job of letting you target any specific page with CSS.

​Thank you.

[socceronly]

Awesome!  I'll give this a shot

Thanks!

JM

[Bruce_man]

Thanks Marcher!

Quick question. If we remove it, will it be difficult for Google or other search engine to find my forum? in other words decrease SEO visibility?

[Marcher Technologies]

I'm honestly not certain if a css style to hide an element has any SEO effect.

If you are worried about it, I suppose you could use a combination of text-indent: -99999px; height:5px; or similar to keep it 'visible', but off screen.

3 does this.

[Ricw]

​Would you have the time and or be willing to tutor on the above methodology?  For the most part, I want to keep my site fairly close to what is out of the box with a few tweaks here and there, similar to the ladder tweak you showed.  I am familiar http://www.w3schools.com/ and use it a little bit.  I know some html and css.  I studied your example here http://www.w3schools.com/cssref/sel_attribute_value.asp

and I get that.  I am a little lost here:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 

I think, I could pin point a few questions, and perhaps try it on another page or two and then begin to figure it out, of course with a few more question.

​I know this sounds like plan English to you and many other, but I could find a few question in the above statement.  If interested, you can PM me.  Oh- and there is no huge hurry, a day or two response in between questions and answers is fine.  My site will not be live until some time after 4.0 is live.

Thank you,

 

 

​Add this to your theme's custom.css file:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 
{
    display:none;
}

​Similar methodology:

body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsPageHeader 
{
    margin-bottom: 5px;
}
body[data-pageapp=forums][data-pagelocation=front][data-pagemodule=forums][data-pagecontroller=index] .ipsType_pageTitle 
{
    font-size: 20px;
}

They actually did a really good job of letting you target any specific page with CSS.

​  

[Ricw]

Look at that, I think I screwed up the multi-quote.  I am sure you will get it.

[Marcher Technologies]

<body class="ipsApp ipsApp_front ipsClearfix ipsJS_has ipsApp_noTouch" data-controller="core.front.core.app" data-message="" data-pageapp="forums" data-pagelocation="front" data-pagemodule="forums" data-pagecontroller="topic" itemscope="" itemtype="http://schema.org/WebSite">

this is the body tag for this topic page.

one could just use:

.ipsAppFront[data-pageapp=forums][data-pagemodule=forums][data-pagecontroller=topic] .ipsPageHeader 

to target all topic view titles as a result.

if chrome is daily driver, inspect element in context menu and debug tools is inbuilt. if firefox, get firebug. if IE, hit f12, in-built.

[Ricw]

<body class="ipsApp ipsApp_front ipsClearfix ipsJS_has ipsApp_noTouch" data-controller="core.front.core.app" data-message="" data-pageapp="forums" data-pagelocation="front" data-pagemodule="forums" data-pagecontroller="topic" itemscope="" itemtype="http://schema.org/WebSite">

this is the body tag for this topic page.

one could just use:

.ipsAppFront[data-pageapp=forums][data-pagemodule=forums][data-pagecontroller=topic] .ipsPageHeader 

to target all topic view titles as a result.

if chrome is daily driver, inspect element in context menu and debug tools is inbuilt. if firefox, get firebug. if IE, hit f12, in-built.

​Wow- firebug inspect element and there it is.   Even I can play around with this and probably do what I want, the key word there is probably.   Thank you a lot, Marcher!!!  Now, I have a new toy.  I will enjoy playing with it.