ja social II - CB profile - fontsize and background color

pjfroelofs

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

Hi Patrick,

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

pjfroelofs

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

Hi Patrick,

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

pjfroelofs

Hi Saguaros,
I granted the account the superadmin rights.

saguaros

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

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

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

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

html {
font-size: inherit !important;
}