I have some problem to add charts on my post. I want charts take full width with Visual Composer Plugin, website but it's boxed layout and mask each side. I tried to modify with CSS, but there are problems with resizing if you change the window size.
Thank you but i think we can do this and dont remove the sidebar ?
I have remove CSS , just stay color for see what happens .
I try something , remove sidebar and add sidebar inside post (look screenshot) , it work's but the style of the sidebar is not the same of my website , but its mainside bar , i dont undestand :/
Can i get the css of my mainside bar and add in this post ?
Thank you
i find this on source :
.penci-sidebar-content.style-5 .penci-border-arrow .inner-arrow{ border-bottom-color: #000000; } .penci-sidebar-content .penci-border-arrow:after { border-color: #0a0000; } .penci-sidebar-content .penci-border-arrow .inner-arrow { color: #ffffff; } .penci-sidebar-content .penci-border-arrow:before, .penci-sidebar-content.style-2 .penci-border-arrow:after { content: none; display: none; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a, .widget a, #wp-calendar tbody td a, .widget.widget_categories ul li, .widget.widget_archive ul li, .widget-social a i, .widget-social a span, .widget-social.show-text a span { color: #000000; } #widget-area { padding: px 0; }
Can i use this for my sidebar on my post ? thank
I have lof of bug with boxed site , for example i use Visual Composer and fluidbox , when i click on image i have zoom but only on boxed layout ... so we cant see each side of the image ....
Please try deactivate it via Customize > Single Options > and check to "Disable Lightbox in Single"
If it still doesn't work, please try deactivate all plugins and try again, after it work, let's enable each plugin to check what plugin caused this issue.
I disabled all the plugins except VC, but now I can no longer click on the image because it was an extension of VC. In fact I'd just like to display the image and when you click on it, it's fluidly larger, you just click anywhere and you're back to normal.
Edit : It's ok now , thank you i fixed .
The problem is that I use too much plugin to do little. Your theme already allows me to make a lightbox by default, just link it to the media. Everything works, thank you.
Hello ,
I have some problem to add charts on my post. I want charts take full width with Visual Composer Plugin, website but it's boxed layout and mask each side. I tried to modify with CSS, but there are problems with resizing if you change the window size.
https://jack74r.ovh/rocket-league-ge72vr-6rf-apache-pro/
Custom css to show border problem :
.firstcharts{
max-width :1200px;
width :150%;
border: 3px solid #73AD21;
}
.secondcharts{
border: 3px solid red;
}
Hi,
With this case, I think I just can help you remove the sidebar for only this post.
You should remove all your custom css because it make the charts broken and hidden some parts.
To remove sidebar for only this post, please add more this code to Customize > Custom CSS:
body.postid-426 .container.penci_sidebar #main{ width: 100%; padding: 0; float: none; } body.postid-426 .penci-sidebar-content{ display: none; }Best Regards,
PenciDesign
Hi
Thank you but i think we can do this and dont remove the sidebar ?
I have remove CSS , just stay color for see what happens .
I try something , remove sidebar and add sidebar inside post (look screenshot) , it work's but the style of the sidebar is not the same of my website , but its mainside bar , i dont undestand :/
Can i get the css of my mainside bar and add in this post ?
Thank you
i find this on source :
.penci-sidebar-content.style-5 .penci-border-arrow .inner-arrow{ border-bottom-color: #000000; }
.penci-sidebar-content .penci-border-arrow:after { border-color: #0a0000; }
.penci-sidebar-content .penci-border-arrow .inner-arrow { color: #ffffff; }
.penci-sidebar-content .penci-border-arrow:before, .penci-sidebar-content.style-2 .penci-border-arrow:after { content: none; display: none; }
.widget ul.side-newsfeed li .side-item .side-item-text h4 a, .widget a, #wp-calendar tbody td a, .widget.widget_categories ul li, .widget.widget_archive ul li, .widget-social a i, .widget-social a span, .widget-social.show-text a span { color: #000000; }
#widget-area { padding: px 0; }
Can i use this for my sidebar on my post ? thank
I have lof of bug with boxed site , for example i use Visual Composer and fluidbox , when i click on image i have zoom but only on boxed layout ... so we cant see each side of the image ....
Hi,
If so, please do following steps to fixed your sidebar:
1/ Click edit elemenet "Widgetised Sidebar" > and add Extra class name for this element 'penci-sidebar-content style-5 pcalign-center' like this image
2/ Add more this code to Customize > Custom CSS:
.wpb_widgetised_column.penci-sidebar-content { width: 100%; float: none; }Best Regards,
PenciDesign
Nice ;) Thank you , it work's :)
Can you help me just with this last problem : zoom image over the boxed layout ?
https://giphy.com/gifs/xULW8sJXEM4dFbpbwc/html5
Hi,
Please try deactivate it via Customize > Single Options > and check to "Disable Lightbox in Single"
If it still doesn't work, please try deactivate all plugins and try again, after it work, let's enable each plugin to check what plugin caused this issue.
Best Regards,
PenciDesign
Hi
I disabled all the plugins except VC, but now I can no longer click on the image because it was an extension of VC. In fact I'd just like to display the image and when you click on it, it's fluidly larger, you just click anywhere and you're back to normal.
Edit : It's ok now , thank you i fixed .
The problem is that I use too much plugin to do little. Your theme already allows me to make a lightbox by default, just link it to the media. Everything works, thank you.