When creating a featured articles menu item type in Joomla 2.5, you will see a set of options labeled as Page Display Options. The Page Display Options control things such as your page title, page heading, and custom css classes for the page. In this tutorial, we'll walk you through the basics of the Page Display Options for featured article menu items.

To access a featured articles Page Display Options in Joomla 2.5:

  1. Log into your Joomla 2.5 admin
  2. In the top menu, hover over Menus and then click the menu item that includes your featured articles menu item
  3. In the list of menu items, find and click on the featured articles menu item that you want to edit. In the right menu, you will see a set of options labeled Page Display Options:
    page-display-options

 

Browser Page Title

The Browser Page Title attribute controls the title tag for your page. If you don't enter a Browser Page Title, the document's title will default to the title of the menu item, which by default is "Home" (or whatever you typed in). When we set the Browser Page Title to, "My New Page Title", you can see below how it affects the page title:

<title>My New Page Title</title>

No Browser Page Title set When Browser Page Title is set to "My New Page Title"
no-page-title-set custom_browser_page_title

 

Show Page Heading

The Show Page Heading attribute toggles whether or not to show a heading on the page. If set to yes, a page heading will be shown right before the beginning of the page's content (as seen in the screenshots below).

<div class="blog-featured"><h1>My New Page Title</h1>

When Show Page Heading is set to No When Show Page Heading is set to Yes
when-page-heading-is-not-showing when-page-heading-is-showing

 

Page Heading

The Page Heading attribute allows you to set a custom page heading. For example, if you select the option discussed above to Show Page Heading, it will use the menu item's title as the page heading. If you wanted the title of the page to be different than the h1 tag, you can set a custom page heading value here.

setting-a-custom-page-heading

 

Page Class

The Page Class attribute allows you to set a custom page class to the container that holds the page's information. Adding this custom class will allow you to set custom css styles for this page only.

For example, if we set the page class to "custom_page_class", the code would be updated as:

<div class="blog-featuredcustom_page_class">

If you type in a new page class starting with a space, as in " custom_page_class", it will look like two different classes, as in:

<div class="blog-featured custom_page_class">

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address
Name

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Like this Article?

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Ask a Question

Joomla Community Google+ Hangout #3

June 3rd, 2014

Thank you @RustyJoomla for letting me speak on the Joomla Community Google+ Hangout!

Click here to watch!

n/a Points
2014-06-26 8:05 pm

How do I make features articles have different backgrounds on the home page but not on the actual page. I want them to stand apart from each other and have borders so the readers can distinguish them as two seperate pages.

Staff
15,484 Points
2014-06-26 8:14 pm
Hello Backgrounds,

Thanks for the question. Basically, you would need to change the CSS for each article. This is discussed in the Joomla forums. Click here for an explanation of how to change the background of your article.

I hope that provides the answer you seek! Please let us know if you have any further questions or comments.

Regards,
Arnel C.
n/a Points
2014-07-23 11:30 am
I just want to change the appearance of the top of my website home page. Right now it is white with pale letters and i don't know how to phrase the question to fix it.
Staff
7,372 Points
2014-07-24 10:46 am
Could you provide me with an example of what you are referring to?
n/a Points
2014-07-24 2:24 pm

Well if you look at example.com you can see what I'm talking about, will that work? I tried screen print but it doesn't work and I don't see a way to attach something.

Cheers,

Jill

Staff
9,521 Points
2014-07-24 2:42 pm
Hello Jill,

I took a look at your website, and are you talking about the white space at the top of your page with the missing image logo? Typically if you want to get specific about an issue you'd want to ask a question to us directly instead of commenting on an article, since it sounds like your issue might not directly pertain to the Joomla featured article Page Display Options.

You can link to images from a question, so if you did save a screenshot of your website you could upload it to your website and then provide us a link to the file there.

The reason that your header is showing a blank image and then your text is white is due to 2 reasons. The image itself not being shown is because the image link itself just contains:

<img src="/" alt="" id="jsn-logo-desktop">



So the source of the image to display just says / when it should say something like /images/logo.jpg or whatever is a valid image file.

The header text is showing up white due to the CSS controlling the style of it:

/templates/jsn_epic_pro/css/template.css Line 244:

#jsn-logo .jsn-topheading {
display: none;
}



The CSS is currently telling the browser to not display this heading, more than likely because an image header is suppose to be taking its place. But if you just wanted the text to display, edit your template.css file so it just looks like this:

#jsn-logo .jsn-topheading {
display: inline;
}



If you wanted the heading text to act as if it were an image you could use this:

#jsn-logo .jsn-topheading {
display: block;
}



Please let us know if you had any further questions at all.

- Jacob
n/a Points
2014-07-24 3:10 am

Hey!

I have a site with news. Until now wall eas ok. But in the last time in thr home page show me only one category: Politics. Wall other categorys are in the category departament but not in the home page. What can I do? Thanks!!!!

Staff
7,372 Points
2014-07-24 10:59 am
Could you provide me with an example of exactly what you are referring to?

Post a Comment

Name:
Email Address:
Phone Number:
Comment:
Submit

Please note: Your name and comment will be displayed, but we will not show your email address.

8 Questions & Comments

Post a comment

Back to first comment | top

Need more Help?

Search

Ask the Community!

Get help with your questions from our community of like-minded hosting users and InMotion Hosting Staff.

Current Customers

Chat: Click to Chat Now E-mail: support@InMotionHosting.com
Call: 888-321-HOST (4678) Ticket: Submit a Support Ticket

Not a Customer?

Get web hosting from a company that is here to help. Sign up today!