Adding a New Module Position to the very Top

Forums    Joomla Templates Club    JA Erio    Adding a New Module Position to the very Top
Viewing 15 posts - 1 through 15 (of 17 total)
1 2
  • Author
    Posts
  • country212 Friend
    October 28, 2011 at 6:27 am #170138

    How to add a new module position to the very top above all other module positions?
    to where I can put a large website title/header image(650 x 67) in the center of it.

    I already know how to make a custom html module.

    I just don’t know the coding or what files to place the code into to accomplish this.

    Please Help

    khoand Friend
    October 28, 2011 at 6:54 am #422098

    Hi,
    You use top-panel position.

    country212 Friend
    October 28, 2011 at 7:14 am #422100

    Any idea where the code to change the background color of the menu bar to #000000 is at ?

    or to remove the little blue line from underneath the menu items?

    1. bar
    khoand Friend
    October 28, 2011 at 7:58 am #422110

    No, there isn’t.
    Because multi-colored line is background image is defined in <body>. But I can remove the line.

    country212 Friend
    October 28, 2011 at 8:03 am #422114

    this here

    body#bd {
    background: url(../images/bg_body.png) repeat-x #000000;
    border-bottom: 10px solid #1a1a1a;
    color: #333;
    padding: 5px 0 0;
    }

    khoand Friend
    October 28, 2011 at 8:10 am #422117

    I know the code. But what do you want to? Could you explain more?

    country212 Friend
    October 28, 2011 at 8:23 am #422124

    I just created a black bar image and replaced that multicolored line with it.

    Also how to change the color of that bar that is just a bit lighter than black (#1a1a1a im guessing on the color) that the menu items( home, performer, voice, model, actress) are on top of to #000000

    Would like it to match the site background #000000

    it doesn’t look right the way it is with the off-colored strip across the menu.

    khoand Friend
    October 28, 2011 at 10:22 am #422148

    Now, background of your website is black.What can I help you?
    Sorry, but I don’t understand your idea clearly.

    country212 Friend
    October 28, 2011 at 10:42 am #422153

    I try to show in this image what i am looking for

    1. bar2
    khoand Friend
    October 28, 2011 at 5:47 pm #422199

    You replace this code from /templates/ja_erio/css/template.css

    #ja-mainnav {
    background: url(../images/bg_mainnav.gif) repeat-x;
    font-size: 83%;
    z-index: 13;
    }
    with


    #ja-mainnav {
    background: black;
    font-size: 83%;
    z-index: 13;
    }

    1 user says Thank You to khoand for this useful post

    1. country212
    country212 Friend
    October 29, 2011 at 5:45 am #422293

    that worked, thanks.

    country212 Friend
    October 29, 2011 at 6:02 am #422295

    I appreciate all your help with this. Have other questions, I have tried to find the code to change by trial and error and can’t figure it out.

    Included images:

    Also where do you change the menu link “HOME’ color and where to change the rest of the menu link’s color to the same color as the ‘HOME’ link. and where to change the ‘Hover’ color of the main menu links ?

    1. colorchange02
    2. colorchange01
    khoand Friend
    October 30, 2011 at 10:41 am #422420

    Change the bar the arrow is pointing at to black

    You find this code from /templates/ja_erio/css/menu/mega.css

    .ja-megamenu ul.level0 li.mega a.mega:hover, .ja-megamenu ul.level0 li.mega a.mega:active, .ja-megamenu ul.level0 li.mega a.mega:focus {
    color: #3EA3D2;
    background: #333; < change this bold text
    }

    How to remove or change the blue bar under the menu items to the color black

    You find this code from mega.css


    .ja-megamenu ul.level0 li.active a.over, .ja-megamenu ul.level0 li.active a.active {
    color: white;
    background: black;
    border-bottom: 5px solid #3EA3D2; < change this bold text (change color) or remove this line (remove bar)
    margin-bottom: 0;
    }

    1 user says Thank You to khoand for this useful post

    1. country212
    country212 Friend
    October 30, 2011 at 12:09 pm #422426

    Thank You, it worked.

    One more thing i am trying to change the colors of the menu items and their hover color.

    Looking to have all menu items same color #a60c2d and when hovered over all color #7b7d80

    When i tried to change the ‘HOME’ menu item to #a60c2d , the hover color would not work anymore.

    Appreciate Help

    khoand Friend
    October 31, 2011 at 10:08 am #422542

    Could you check it again? Because when I view css files, I don’t find #a60c2d. Do you clean cache?

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 17 total)
1 2

This topic contains 17 replies, has 2 voices, and was last updated by  khoand 13 years ago.

We moved to new unified forum. Please post all new support queries in our New Forum

Important Notice :

New Unified Portal is live

Must Read

Jump to forum

Categories