Recent
Categories
View Replies (14)

Substance template - styling changes

0
Votes
Undo
  1. ziggy
    ziggy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 12 April 2013
  5.  Subscribe via email
Hello,

Just to let you know that I have found the answers to 3 of my questions in your forum, so I am left with only 4 questions (below), for which I can't find answers...

Thank you
Stephanie

Hello,

I have purchased the substance template, it's great, I am doing my site (http://www.johannemarois.co.uk) but I need to do a few changes, I have tried to do this myself but lack of knowledge... I don't know where exactly I have to change things wihtout messing the whole template... :
1- I need to add more space on top (right now the logo is much too close to the top page), how can I add about 50px of space?
2 - The main nav bar (home,...) is too far from the line underneath, can I decrease the size of that space?
3- I do not want the highlited box around the menu when selected (box around the Home button), can I remove it?
6- Bottom of the page: I don't want any color there and no footer menu, just the copyright to appear on white background, how can I do this?

Thank you very much in advance,
Stephanie
Responses (14)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Stephanie

1. The positioning of your logo can be edited via your templates parameters (Extensions -> Template Manager -> J51_Substance -> Logo -> Y Positioning (eg. 30).

2. Would you like to move the top menu down or move the rest of your content up?

3. Try adding the following to the Custom CSS field of your templates parameters...


[code type=css]#hornav li.active > a {
background: none repeat scroll 0 0 transparent;
border: medium none;
box-shadow: none;
}[/code]

4.Try also adding the following to the Custom CSS field of your templates parameters..


[code type=css]#container_base, #container_copyright {
background: none repeat scroll 0 0 transparent;
}[/code]

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

Thank you so much for your help, it all worked perfectly! Now for my question about the top menu, I want it to be moved down for about 30px.

Thank you again!
Stephanie
  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
Hi Stephanie

The following will move it down 30px from its current position (Custom CSS field)..


[code type=css]#hornav {margin-top: 74px;}[/code]

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
It's perfect!!

Thank you VERY much for all your help, very much appreciated.

Best regards
Stephanie
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

I have a few more requests, I am sorry for that...:
- I need the arrows on the side of the Auston slider to be smaller
- The copyright to be move up
- On top of the page there is a fine line (under the navigation bar) and I need the exact same line at the bottom of the page, is this possible?

Thank you in advance
Best regards
Stephanie
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Stephanie

1. The previous and next slideshow images can be edited directly. You will find them at the following URLs...

http://www.johannemarois.co.uk/modules/mod_AutsonSlideShow/images/prev.png
http://www.johannemarois.co.uk/modules/mod_AutsonSlideShow/images/next.png

2. Try adding the following to the Custom CSS field of your templates parameters..


[code type=css]#container_main, #container_spacer2, #container_base {
display:none;
}[/code]

So as not to effect other pages of your template you will need to create a separate style for your homepage in which to add this CSS.

3. Try adding the following to the Custom CSS field of your templates parameters...


[code type=css]#container_copyright .wrapper960 {
border-top: 1px solid #C7C5C1;
}[/code]

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 6
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

Thank you so much for your reply, I will do all this.

THANK YOU for your great support!
Stephanie
  1. more than a month ago
  2. Commercial Templates
  3. # 7
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Hello Ciaran,

Every thing worked well, thank you. Just one thing: the arrows that I have re sized and uploaded are now not equidistant: the left one is fine but the position of the right one is not (there is more space between the right arrow and the right border of the image), do you know how I can fix this?

Thank you
Best regards
Stephanie
  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
Hi Stephanie

Try also adding the following to the Custom CSS field...


[code type=css].box_skitter .next_button {right: 0;}[/code]

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 9
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Excellent! it's perfect, thank you.
I am always going to buy my templates from you!

Have a good week end
Stephanie
  1. more than a month ago
  2. Commercial Templates
  3. # 10
Modestas
Modestas
Accepted Answer Pending Moderation
0
Votes
Undo
Dear Ciaran,

Is it possible to change background colors of social icons, footer and copyright sections? I would like to use my prefered hex codes.
Thanks a lot.

Modestas
  1. more than a month ago
  2. Commercial Templates
  3. # 11
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Modestas

For the benefit of other forum users could I ask you to start a new post for your query.

Thank you

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 12
Modestas
Modestas
Accepted Answer Pending Moderation
0
Votes
Undo
Hi,

I started a new topic about background colors.
Is it ok?

Modestas
  1. more than a month ago
  2. Commercial Templates
  3. # 13
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Perfect... thank you.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 14
  • 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