Joomla Templates Club 406,261 posts

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#966671

@natali.klochan

You mean that you want to have a single landing page with specific style?

Firstly, you can create a new template style (or simply duplicate an existing style in Template manager section in backend)

Then, clone a layout to have a new one and assign to the new template style above.

And configure the layout with your desired module positions.

http://www.t3-framework.org/documentation/bs3-layout-system

Finally, you can use Page Class in Joomla to style for this page specific

[natali.klochan Friend natali.klochanJoin date: August 2016Posts: 107Downloads:677Uploads:59 Thanks: 3 Thanked: 3 times in 2 posts]

#966799

Yes.
I understand.
But in what place can I change settings of css for main menu?
In layout window of template style i don’t see needed settings..

---

Attachments:

1. 

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#966905

May I know how you wanna change css for main menu?

[natali.klochan Friend natali.klochanJoin date: August 2016Posts: 107Downloads:677Uploads:59 Thanks: 3 Thanked: 3 times in 2 posts]

#966940

Off course..
I want that on the home page will be white color because landing photo is grey.
And menu on the 2-nd page will be black, because this page is not have any page in slideshow position at all..
I want to make the settings menu (color, size, hover..) for the any page…
But can’t see – where I can to create css menu style for different pages..
Thanks.

[Saguaros Moderator SaguarosJoin date: September 2014Posts: 31405Downloads:237Uploads:471 Thanks: 845 Thanked: 5346 times in 4964 posts]

#967565

Hi

I will take the Home page as an example:

• First: go to Backend > Menus > Main menu > Home menu item > Page Display tab and add a page class, e.g: homepage as this screenshot: http://prntscr.com/ch18bs

• Then refresh your frontend, you will see the new class: http://prntscr.com/ch19ib

• You can use Firebug in Firefox or Inspect Element in Chrome and easily style for homepage with new page class. e.g: I want to change color of menu item of homepage to white, I use this:

  .homepage .navbar-default .navbar-nav > li > a {
  color: #fff;
  }

  put this css into the file: ROOT/templates/ja_cagox (your default template)/css/custom.css (create this file if it doesn’t exist).

The same for other elements on homepage.

And you can apply this way for other pages.

[natali.klochan Friend natali.klochanJoin date: August 2016Posts: 107Downloads:677Uploads:59 Thanks: 3 Thanked: 3 times in 2 posts]

#967633

I understand.
Thanks..

[Author]

Posts