Getting started

[Varun Dubey]

Hi @nmschaller, we have used http://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431 it is most popular page builder at present. all the edits will also be saved in page revisions after the update.

I have sent these plugin at your email. For the font sizes i have suggested developers to take it into consideration asap.

Regards
Varun Dubey

[Anonymous]

After having enlarged the font to 16px in general, the Course titles on the cards in the profile are overlapping now. I have seen, the responsive design changes it to two cards at a narrower desktop width.

How can I set up max. 2 cards to be displayed on all screens?

Thank you, Varun.

[Anonymous]

Hello @vapvarun,

Thanks for considering changes on the fonts.

re. personal profile links: Is there a possibility to change the order? I would like to put the courses before forums and groups. They play a major role in my services and the learning community, and I do not want them to disappear behind the “…”

Ideally I would also like to change the order in the top right personal menu.

Also: Is there a dynamic link to the courses within the profile?

Thanks.

Nicole

[Anonymous]

@nmschaller This will make the text in blog and pages bigger. From my testing it will not affect anything else but the blog posts and pages. At least what I can see.

.entry-content p {
	font-size: 16px !important;
}

The body p html will make other text large to and that doesn’t make the page look good but that code should just make what you want to be larger, larger.

[Anonymous]

Thank you, @chansmith.

With your help I found the missing piece, and fixed the font problem. The CSS looks like this now:

body, p {
	font-size: 16px !important;
	line-height: 1.7 !important;
}

.entry-content p, .entry-content ul, section.entry p, section.entry ul, .single-course .entry-content p, .single-course .entry-content ul {
	font-size: 18px !important;
	line-height: 1.7 !important;
}

#main .course header h2, #main .course-container header h2 {
	font-size: 18px;
	line-height: 1.3;
}

.btn, button:not(#searchsubmit):not(.update-cover-photo), input[type="submit"], input[type="button"]:not(.button-small), input[type="reset"], article.post-password-required input[type=submit], li.bypostauthor cite span, a.button, #create-group-form .remove, #buddypress ul.button-nav li a, #buddypress div.generic-button a, #buddypress .comment-reply-link, .entry-title a.button, span.create-a-group > a, #buddypress div.activity-comments form input[disabled], .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
	font-size: 16px;
}

.widget-area .widget p, .widget-area .widget li {
	font-size: 14px !important;
	line-height: 1.3;
}

#footer-links a, #footer-links a.to-top {
	font-size: 14px;
}

I cannot set the button font size to 18px because then I have a text hidden overflow on the cart button!

But what I definitely need now, @vapvarun, is to display a max. of 2 course cards in the personal course overview, also for desktop on large screens. How can I do that?

[Anonymous]

@vapvarun

You definitely need to look at the WooCommerce cart, checkout and order confirmation page, too.

If I set the entry font size to 18px, and the general body font size to 16px, then the products and price look like small print. That is a no go.

So, more CSS customization ahead! 🙁

[Anonymous]

@vapvarun

One thing I don’t understand: I have been working with Open Sans in my old theme, too. General font size was 16px. It looked as large as 18px under your theme, and the WooCommerce output never looked so little before.

Do you have a general factor by which you decrease all fonts for the theme?

[Varun Dubey]

Hi @nmschaller , you can change the font family to Open Sans also using custom css. Font sizes are defined different in different plugin, you can inspect and change using custom css.
add this to child theme functions.php

function bbprofile_tabs(){
global $bp;
$bp->bp_nav['courses']['position'] = 20;
$bp->bp_nav['profile']['position'] = 25;
}
add_action('bp_setup_nav', 'bbprofile_tabs', 201);

for ref you can take a look of http://blog.maximusbusiness.com/2013/04/bp-profile-nav-positions-names/
For your Max 2 Card display request i will send you codes after testing.

Regards
Varun Dubey

[Varun Dubey]

Hi @nmschaller

You can use this code inside your custom css

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
body, p, #profile-nav span, #wp-admin-bar-shortcode-secondary .alert, .header-notifications a.notification-link span {
font-family: 'Open Sans', sans-serif !important;
}

#wp-admin-bar-shortcode-secondary .alert,
.header-notifications a.notification-link span {
font-family: 'Open Sans', sans-serif !important;
}

.entry-meta .post-date time {
font-family: 'Open Sans', sans-serif !important;
}
h1, h2, h3, h4, h5, h6 {

font-family: 'Open Sans', sans-serif !important;

}

h1.main-title,

#item-header-content h1,

#fwslider .slide .title,
.group-info li p:first-child,
#item-statistics .numbers span p:first-child {

font-family: 'Open Sans', sans-serif !important;

}

.is-mobile #mobile-header h1 a {
font-family: 'Open Sans', sans-serif !important;
}

.is-desktop #mastlogo h1.site-title {
font-family: 'Open Sans', sans-serif !important;
}

Regards
Varun Dubey