Notifications
Clear all

Possible CSS conflict issue

2 Posts
2 Users
0 Reactions
3,833 Views
Posts: 16
Customer
Topic starter
(@dlinstedt)
Member
Joined: 6 years ago

Hi Team,

wpForo continues to impress me.  The code is clean and easy to follow, it's fast and efficient.  Kudos to the team.

I don't know if this is a "wpForo Core" issue, or if this is a wpForo custom fields add-on issue.  I am suspecting it's something in the "core".

Seems to be a CSS override issue.

1. I use LearnDash, and UncannyOwl LearnDash plugins for LMS / Courseware display.

2. I added: custom-fields add-on to my site

3. I added: HTML field with shortcode:  [UO_DASHBOARD]

4. I added SNIPPETS plugin

5. I added PHP Code Snippet:

add_shortcode( 'UO_DASHBOARD', 'add_uo_dashboard');

function add_uo_dashboard ($atts) {
global $wpdb;

$uid = 0;
$memberId = '';

// grab the NICE NAME off the URI IF its in the request path
$urlpath = parse_url($_SERVER['REQUEST_URI'], PHP_URL_PATH);
if (strpos(strtolower ($urlpath), '/discussions/profile/') !== false) {
$the_array = explode('/', trim($urlpath,'/'));
$memberId = end($the_array);

// grab the info from the database by nicename
$uid = $wpdb->get_var("SELECT ID FROM wp_users WHERE user_nicename = '$memberId'");
} else {
// override using the attributes
// get the User ID from the database
if ($uid == 0) {
$uid = $wpdb->get_var("SELECT ID FROM wp_users WHERE user_nicename = '$memberId'");
} else {
$memberId = $wpdb->get_var("SELECT user_nicename from wp_users where id=".$uid);
}
}

// grab the course lesson, quiz, and topics list
$out = do_shortcode('[uo_dashboard show="enrolled" orderby="title" order="asc" user_id="'.$uid.'"]');
//$out = do_shortcode('[ld_course_info user_id='.$uid.']');

return $memberId.'</br>UserID:'.$uid.'</br>'.$out;
};

The shortcodes: uo_dashboard, and ld_course_info (from learndash) both have the same problem.

Their CSS is overridden by wpForo "core" css.  the result is "shrunken course display".  I've attached two visual images / screen shots, one with CSS overrides fixed (provided to me graciously by UncannyOwl - but they assured me that in the future, these CSS fixes will break - which is why I'm here asking for a permanent fix). 

the second screen shot is WITHOUT the css "fixes" (just the core wpForo core CSS)

The third attachment is the CSS overrides that the UncannyOwl team provided to me.

What I'm hoping for is: for the gVectors team to "fix the CSS" so that it doesn't override UncannyOwl or LearnDash CSS.

wpForo problematicCSS
wpForo FixedCSS

I can grant you access to the site (you would need a login to see the effects of this), and an ADMIN login to "remove / and restore" the CSS override to see the difference.

 

1 Reply
Astghik
Posts: 6191
Admin
(@astgh)
Illustrious Member
Joined: 7 years ago

Thank you dlinstedt,

Let me ask the developers about this. I'll back to you asap. 

Reply
Share:
Scroll to top