Replies: 0
I have 2 pages in my course which I have provided the links for:
http://courses.dumagueteielts.com/lesson/intro-to-grammar-awareness/
http://courses.dumagueteielts.com/lesson/lesson-comparatives/
The issue is with the course syllabus sidebar.
All of my lesson pages I have created CSS for and put in a border-radius and padding at the bottom.
The problem is that the introduction page displays with square edges and no padding.
CSS for grammar intro :
.entry-title {
font-size: 40px;
.fl-photo-content img {
display: inline;
height: auto !important;
max-width: 100%;
width: auto !important;
border-radius: 10px;
}
.fl-module img {
max-width: 100%;
border-radius: 10px;
}
.separate-containers .widget:last-child, .widget:last-child {
margin-bottom: 0;
border-radius: 10px;
}
.widget-area .widget {
padding: 40px 40px 20px 30px;
border-radius: 10px;
}
.separate-containers .widget, .separate-containers .site-main > *, .separate-containers .page-header, .widget-area .main-navigation {
margin-bottom: 0px;
border-radius: 10px;
}
#right-sidebar { padding: 40px 40px 20px 30px;
border-radius: 10px;
}
CSS for comparatives page:
.fl-photo-content img {
display: inline;
height: auto !important;
max-width: 100%;
width: auto !important;
border-radius: 10px;
}
.fl-module img {
max-width: 100%;
border-radius: 10px;
}
.separate-containers .widget:last-child, .widget:last-child {
margin-bottom: 0;
border-radius: 10px;
}
.widget-area .widget {
padding: 40px 40px 20px 30px;
border-radius: 10px;
}
.separate-containers .widget, .separate-containers .site-main > *, .separate-containers .page-header, .widget-area .main-navigation {
margin-bottom: 0px;
border-radius: 10px;
}
The only difference is the title text font size command which I am testing.
Why are the 2 sidebars displaying so differently?
Any help is appreciated.