Recent
Categories
View Replies (7)

Sophia template questions

  1. Issue
0
Votes
Undo
  1. AussieTimmeh
    AussieTimmeh
  3. Commercial Templates
  4. Tuesday, 26 May 2020
  5.  Subscribe via email
Good morning!

I recently bought and am loving the Sophia template. I do have a couple of questions that I could not find answered on your site, so I was hoping you could help me.

My website is missionsamburu.org or http://missionsamburu.org/administrator. I have created an account for you; please let me know how to send you the login and password.

When logged in, a Home 2 page is available. This page uses the J51_Icons. I have a few questions about configuring these.
1. How can I remove the module name that sits above the module? Your Sophia template does not show the module name above the module. I have been going through every setting I can find and I can't work it out.
2. How can I remove the little red bar that sits between the module name and the icon module?
3. In the icon itself, I can work out how to change the icon colour and the header text colour, but I cannot work out how to change the colour of the text below the icon header separate to the default template colour. If I set the default body font colour in the template, it changes this colour, but it means all the icons text needs to have the same colour. Can I change the icon text colour separately to the default template font colour?

When logged in, an About page is available where I am learning how to use these new modules. I have some questions about this page too.
1. How can I reduce the dead space between the article component and the J51_Carousel module below it? The article won't have heaps of content and it leaves a massive white space.
2. How can I remove the carousel module name and red line, much like the icons module on the Home 2 page?

And finally, how can I change the text font colour of the footer menu from grey to white? I can see a Main Menu text colour option in the template but not a footer menu text colour.

Thanks for all your assistance and teaching me how to use your template!

Regards,

Tim
Responses (7)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tim

1. Admittedly this is more of a feature of Joomla but you can disable the title of any Joomla module via the Show Title field of the module settings.
2. To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.module .module_header h3::after {

    display: none;

}


3. To amend the icon caption color you can also add the following to the Custom CSS field of your template settings...

edit to taste

.j51_icon_caption {

    color: #444;

}



On the questions regarding your about page, could you please include a URL as we are unable to locate it on your site.

To amend the footer menu item color, add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.footermenu ul li a,

.footermenu ul li span {

    color: white;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 1
AussieTimmeh
AussieTimmeh
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Ciaran,

Thanks for your reply, I'll give your advice a go.

Here are the pages I refer to:

https://missionsamburu.org/home-2
https://missionsamburu.org/about

Thank you.

Tim
  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 Tim

To move up your contentbottom module position, try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.contentbottom {

    margin-top: -100px;

}


Any Joomla module title can be removed via the Show Title field in the module settings.

Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 3
AussieTimmeh
AussieTimmeh
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Ciaran. Your support is why I always come back to you for templates. :)
  1. more than a month ago
  2. Commercial Templates
  3. # 4
AussieTimmeh
AussieTimmeh
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tim
To amend the footer menu item color, add the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.footermenu ul li a,

.footermenu ul li span {

    color: white;

}


Ciaran



Hi Ciaran,

I managed to get all the other stuff working, but couldn't get the footer menu item to change. I could change the copyright text colour using:


.wrapper960 {

    color: white;

}


But the code copied as above for the footermenu doesn't work. I tried a few variations of underscores in various places just in case, but no joy. If you have any ideas, that would be great, but if not then we'll love with it. Thanks.

Tim
  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 Tim

To amend the footer menu item color try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.footermenu ul li a, .footermenu ul li span {

    color: white !important;

}


Ciaran
  1. more than a month ago
  2. Commercial Templates
  3. # 6
AussieTimmeh
AussieTimmeh
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Tim

To amend the footer menu item color try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....

.footermenu ul li a, .footermenu ul li span {

    color: white !important;

}


Ciaran

Perfect, works like a charm. I never knew you could do that using important. Thank you!
  1. more than a month ago
  2. Commercial Templates
  3. # 7
  • Page :
  • 1


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