ja social II - CB profile - fontsize and background color

pjfroelofs · Feb 18, 2022

Very happy with this template!
We are using it in combination with CB - Community Builder.

At this moment we have the following layout problems:
-1- font size of the CB pages, is smaller then from the template

-2- On a CB user profile page: text under the tabs is on mainpage (grey background).
We would like to see a boxed white background. (with appropriate alignment)

-3- CB user profile - color of the name of the user (Anna) is bleu.
How do we change that to an other color?

-4- Our template is not showing a footer?
We did add a html-module to ‘footer-1’.
But footer space remains empty.

Please advice,
Patrick

saguaros · Feb 21, 2022

Hi Patrick,

Could you share the URL and admin login info so I can check it directly for you?

pjfroelofs · Feb 21, 2022

I found another layout issue.

On this page https://jasocialii.zorgrapportage-herbergier.nl/index.php/huis/upload-pdf
The size of the menu is very small.

Thanks,
regards,
Patrick

saguaros · Feb 22, 2022

Hi Patrick,

Could you grant the permissions of super admin for provided account so I can check?

pjfroelofs · Feb 22, 2022

Hi Saguaros,
I granted the account the superadmin rights.

saguaros · Feb 23, 2022

Hi Patrick,

In CB configuration, you're set to use default Bootstrap of CB so it inherits style from it.

You can customize style for it:

Use this custom CSS to increase the font size:

.cb_template .nav-item, .cb_template .nav-link {
    font-size: 1.6rem;
}

Change color of profile name:

.cb_template .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutTitle .cbProfileTitle, .cb_template .cbCanvasLayout .cbCanvasLayoutBottom .cbCanvasLayoutTitle .cbProfileTitle > h3 {
    color: #017C80 !important;
}

In template layout settings, you're showing these positions in footer: footer-1, footer-2, ... footer-6 but I checked in modules manager and there is no module assigned to one of these positions so nothing shows in footer now. Kindly check again.

pjfroelofs · Feb 24, 2022

Do you mean the CB-> options -> integrations -> twitter bootstrap?

When I switch it on, then the cb-profile looks pretty good, apart from the fonttype and fontsize.
When I switch it off (like you left it), then the cb-profile has no layout at all. All tabs, menu's and background image are a mess.

Which option should I use to get the layout of your demo?

please advise
greetings, Patrick

saguaros · Feb 25, 2022

Hi Patrick

Template is not ready for latest version of CB yet so you can switch that option ON and customize the style as I suggested above.

pjfroelofs · Feb 28, 2022

Problems are solved.
Thanks.
Mainly with this custom css:

html {
font-size: inherit !important;
}