Recent
Categories
View Replies (9)

Lost my emails - need some steps again

0
Votes
Undo
  1. spannenberg
    spannenberg
  3. Commercial Templates
  4. Wednesday, 23 April 2014
  5.  Subscribe via email
Hello there,
I've lost all my e-mails and because a server error I need to reinstall all my site.
I've already had support on this questions by email, but got it lost.
My questions on the Privilege Template are as follows.
- How to set my footer to a specific color. (the custom code, or custom css code)
- How to insert a link on the top of the site, right behind the search field of the template, with text on white color. (the custom code, or custom css code).

Thanks for the help.
Responses (9)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To change the color of the footer/base area of your template try adding the following to the Custom CSS field of your templates parameters where #333333 is your new background color..


#container_base, #container_footer {

    background-color: #333333;

    background-image: none;

}


Your best option would be to create a new module position in the header area of your template. To do so may I suggest the following tutorial.. http://www.joomla51.com/tutorials/item/creating-a-new-module-position-in-the-header-area-of-your-template

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
spannenberg
spannenberg
Accepted Answer Pending Moderation
0
Votes
Undo
Hello there,

thanks for the help, the color os the bottom/footer of site worked fine.
But the newmodule process didn't worked very well.
The newmodule inserted the link as I wanted, but its position is right under the logo position on the template.
I want the link on the top bar of the site, as you can see on this image
http://escolastpatrick.com.br/images/intranet.png
The spot area is where I like to load the newmodule.
Waitting for your help.
Thanks again.
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

Would you have a URL to an example of your new module position?

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
spannenberg
spannenberg
Accepted Answer Pending Moderation
0
Votes
Undo
You can (try to) see the newmodule underlayed by the logo on the URL http://www.escolastpatrick.com.br
On the page loading, it appears right under the logo "Escola St Patrick".
Its like right under the spot area marked on the image linked above, but it doesn't appear normally as it is underlayed.
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you

Could you try changing the #newmodule part of your Custom CSS to the following...


#newmodule {

    height: 50px;

    margin: 0;

    padding: 0;

    position: absolute;

    right: 240px;

    top: -60px;

    width: 200px;

    z-index: 99;

}


You may wish to further edit the 'top' and 'right' values to better position the module.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
spannenberg
spannenberg
Accepted Answer Pending Moderation
0
Votes
Undo
So, what happens looks to me like... the wrong relative module?

As you ask me (on tutorial link) to use 
#header {

	position: relative;

}


I`ve changed the custom css code to 
#newmodule {

    height: 50px;

    margin: 0;

    padding: 0;

    position: absolute;

    LEFT: 40px;

    TOP: 10px;

    width: 200px;

    z-index: 99;

}


so it appears as on the image attached...



It doesn't go to the top bar on anyway I try. It keeps being displayed only on the same area of the slideshow. But I already got the right answer the first time, by e-mail.... just don't remmember who was supporting me from j51.
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
To make the tutorial suitable for all templates we used the #header as this div exists in all our templates. If you wish you can place the new module in the #container_spacer1 div and position it from there.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 7
spannenberg
spannenberg
Accepted Answer Pending Moderation
0
Votes
Undo
Now it worked, it's on the desired place, but I can't get my text to be white colored.
Tried few css styles, but I'm not so good on that shit.
Here's the actual full custom css code
#container_base {

 background-color: #005c2b;

 background-image: none;

}

#container_footer {

 background-color: #007D3A;

 background-image: none;

}

#container_spacer1 {

 position: relative;



}

#newmodule {

 height: 50px;

 margin: 0;

 padding: 0;

 position: absolute;

 right: 140px;

 top: 5px;

 width: 200px;

 z-index: 99;

}


How and where should I put the text color code?
Guess this will be the last to do for now on.
Thanks again
  1. more than a month ago
  2. Commercial Templates
  3. # 8
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

To set your link color try adding the following to the Custom CSS field of your templates parameters...


#newmodule li a {

    color: #FFFFFF;

}


Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 9
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok