Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Home Page

Featured Lock Resolved Issue
Can we have a line separating texts as per attached?

Attachments (1)

  • image_2019_04_24T08_38_54_442Z.png
    image_2019_04_24T08_38_54_442Z.png 162.4 KB

21 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
I added my "Menu fix" code into custom.css file
and is OK.
Make sure that you cleaned browser cache!

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
yes, you can use custom CSS for example,
but if you have Page built in SP Page Builder - please use "Divider" addon which has a horizontal line.

CCBCKARABO

More than a month ago #Permalink
Thanks it worked

CCBCKARABO

More than a month ago #Permalink
how can i change the colour of the footer menu layout from black to white?

CCBCKARABO

More than a month ago #Permalink
how can i change the colour of the footer menu layout from black to white?

Paul Frankowski - Staff

More than a month ago #Permalink
Ok, try this to make it very light.

.sp-bottom-footer {background-color: white;}
.sp-bottom-footer::before {background: white;}

.sp-bottom-footer .sp-module-title {color: #333;}
.sp-bottom-footer .sp-module p,
.sp-bottom-footer .sp-module ul > li > a {color: #555;}


The first part of code adds white BG, and 2nd part change color of text inside.

Paul Frankowski - Staff

More than a month ago #Permalink
To use custom CSS, we suggest using custom.css file
custom_css_file.png

Attachments (1)

  • custom_css_file.png
    custom_css_file.png 17.9 KB

CCBCKARABO

More than a month ago #Permalink
Ok, try this to make it very light.

.sp-bottom-footer {background-color: white;}
.sp-bottom-footer::before {background: white;}

.sp-bottom-footer .sp-module-title {color: #333;}
.sp-bottom-footer .sp-module p,
.sp-bottom-footer .sp-module ul > li > a {color: #555;}


The first part of code adds white BG, and 2nd part change color of text inside.


Should i copy and paste the code?

CCBCKARABO

More than a month ago #Permalink
To use custom CSS, we suggest using custom.css file
[attachment]custom_css_file.png[/attachment]


Paul i cant find this page please put it for us, the background should be blue color code: 00b0f0

and the text should be white

CCBCKARABO

More than a month ago #Permalink
Paul please take note on this, if you click on SA Directory https://growsa.africa/sa-directory and you put your mouse cursor on Partners on the menu bar, the Category titles shows in the background of the menu of partners, how can we prevent that?

Paul Frankowski - Staff

More than a month ago #Permalink
If you're Joomla beginner, please put CSS code here, in template settings

custom_css_helix3.jpg

Attachments (1)

  • custom_css_helix3.jpg
    custom_css_helix3.jpg 74.4 KB

Paul Frankowski - Staff

More than a month ago #Permalink
p.s.
just change "white" to "#00b0f0"

Paul Frankowski - Staff

More than a month ago #Permalink
About Menu problem please add also this custom CSS:

#sp-component {z-index: 0;}

CCBCKARABO

More than a month ago #Permalink
If you're Joomla beginner, please put CSS code here, in template settings

[attachment]custom_css_helix3.jpg[/attachment]


https://growsa.africa/administrator/index.php?option=com_templates&view=style&layout=edit&id=14

Its not working!!

Paul Frankowski - Staff

More than a month ago #Permalink
Joomla Tips for Beginners

css.png

css2.png

Attachments (2)

  • css.png
    css.png 38.3 KB
  • css2.png
    css2.png 25.5 KB

Paul Frankowski - Staff

More than a month ago #Permalink
Now you have a fixed sub-menu, and white bottom background as you wanted.
Can we close topic now?

CCBCKARABO

More than a month ago #Permalink
Good day Paul: Please see this form for us: https://growsa.africa/business-generator

its suppose to look like this: http://ccbc.co.za/need-a-quotation/send-request-for-quotation

CCBCKARABO

More than a month ago #Permalink
Will you be able to help us with this?

Paul Frankowski - Staff

More than a month ago #Permalink
a small tip I can give.

#form_1 {padding: 5px 30px;}


this should give left and right padding for a form.

Paul Frankowski - Staff

More than a month ago #Permalink
About form design more help is here:
https://www.joomshaper.com/forums/business-generator-form


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

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 157
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 85
Toufiq

Toufiq

Total Accepted Answers: 26
Al Mamun

Al Mamun

Total Accepted Answers: 3
Pavel

Pavel

Total Accepted Answers: 3

113

Templates

289387

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us