Archived topic
Comment section customization
25 replies · Started by bheemnr on November 20, 2021
Hi,
Currently I have default generatepress comment layout as this https://ibb.co/V3Q4Rrs.
How can I see that the author replies are present below the user comment in the comment section as shown in the image?
Regards
bheem
Hi there,
Currently I have default generatepress comment layout as this https://ibb.co/V3Q4Rrs.
That shouldn't be the default style. See the bottom of this page for example:
https://generatepress.com/generatepress-3-1-global-colors-dynamic-typography/
Ohh, I have this comment layout on other sites of mine with generatepress theme. But this site does have the new layout.
regards
bheem
But this site does have the new layout.
There isn't a new layout with comments in GP.
Perhaps it's a plugin or custom function thing?
Hi, please check my site url in the box below.
It has different comment layout that you mentioned. It is not user friendly as the author replies do not integrate with specific user comment.
I would like to have latest comment layout as you mentioned in the previous reply. (https://generatepress.com/generatepress-3-1-global-colors-dynamic-typography/)
regards
Hi there,
can you disable the ezoic and any other cache / optimization plugins you're using so we can see why the GP styles are not being loaded.
Hi, I have deactivated cache plugins and there is no ezoic plugin enabled.
Also we have this code in additional CSS section
body.single .site.grid-container {
}
.separate-containers .page-header {
padding: 0px !important;
}
.separate-containers .inside-article{
padding: 0px;
padding-top: 20px;
}
.site-main p{
font-size:19px !important;
line-height:29px !important;
}
.site-main article{
border-bottom: 1px solid rgba(0,0,0,.05);
}
.entry-header h2{
font-size:30px !important;
line-height:36px !important;
font-weight: 700;
}
.read-more-container {
float: right;
border-bottom: 2px solid rgba(35, 117, 214, 0.4);
}
.read-more-container a.button{
background-color: transparent;
color: #2375d6;
}
a.button:hover{
color: #000;
}
.button, .wp-block-button .wp-block-button__link {
padding: 5px 5px;
display: inline-block;
}
#menu-main-menu li{
margin-left: 25px;
}
aside ul li{
margin-bottom: 20px !important;
}
.separate-containers .inside-article {
padding: 0px;
padding-top: 0px;
}
.site-content{
padding: 0px 35px!important;
}
.separate-containers .site-main {
padding: 5px !important;
}
.widget_text, aside{
padding-left: 25px;
padding-right: 25px;
margin-top: 30px;
border: 1px solid rgba(0,0,0,.05);
box-shadow: 0 0 27px 0 rgba(214, 231, 233, 0.5);
}
.read-more-container a::after {
content: "→";
margin-left:10px
}
.navigation-branding img, .site-logo.mobile-header-logo img {
padding: 5px 0 !important;
}
.widget_text, aside {
border: none;
box-shadow: none;
}
@media (max-width: 768px){
#content{
padding: 0px 6px;
}
.mobile-bar-items{
margin-right: 35px;
}
.entry-header h2, h1{
font-size:25px !important;
line-height:30px !important;
}
.site-content {
padding: 5px !important;
}
Please look into it.
I can see this in the<head> of your website:
https://www.screencast.com/t/9l9n0n5MOlou
the handle is ezcritcss which i am fairly certain is Ezoics critical CSS. That is most probably causing the issue you're having. But whilst its enabled we cannot say.
Is this the exact cause for our other website too?
Hi Bheemnr,
For reference, here is what a default comment looks like: https://share.getcloudapp.com/2Nuz64zG
There are changes in you comment section coming from the same source with handle ezcritcss: https://share.getcloudapp.com/2Nuz64bm
Hope this clarifies. :)
Hi, The ezoic help says that the problem is not due to the ezoic code after having done some testing (bypassed Ezoic).
I have the same theme on other sites too with ezoic on but on that site the comment section is fine.
Can you help me overcome this issue?
The ezcritcss styles are being generated by the Ezoic plugin.
Whilst the is enabled we cannot diagnose what the issue is.
If you can disable that Ezoic Critical CSS option and clear any caches then we can take a closer look.
Hi, the ezoic critical CSS is disabled, the ezcritcss styles are disabled and the cache is cleared.
The comment layout is improper. please check the URLs
Help me rectify the comment layout.
regards
Are you running a child theme ?
Hi, yes, i have child theme running.
