Tagged: x
-
AuthorPosts
-
September 13, 2016 at 6:32 pm #1173984
restographyParticipantHi,
I have added a sidebar to my blog and on my large screen which is 29″ it is fine but on a standard size screen it is cutting off my blog content- Please see pic
How do I fix this?
Thanks
September 13, 2016 at 6:32 pm #1173987
restographyParticipantwebsite is http://www.edwardandgertieweddings.com
September 14, 2016 at 1:23 am #1174374
RupokMemberHi there,
Thanks for writing in! You can add this under Custom > CSS in the Customizer.
@media only screen and (min-width: 1200px) { .blog .masthead, .blog .x-main.full { padding-left: 250px; } }Hope this helps.
Cheers!
September 14, 2016 at 3:05 am #1174441
restographyParticipantHi thanks but it is still cutting off a quote and the footer on the main blog page and then it is cutting off the comment box and footer on the actual blog post page , please see attached images
Thanks
September 14, 2016 at 5:58 am #1174609
ChristopherModeratorHi there,
Please find this code and remove extra curly bracket :
.entry-thumb:before { content: '' !important; } }And update previous code to :
@media only screen and (min-width: 1200px){ .blog .masthead, .blog .x-main.full, .blog .x-colophon { padding-left: 250px; } }Hope it helps.
September 14, 2016 at 6:29 am #1174627
restographyParticipantHi, which file will that code be in?
Thanks
September 14, 2016 at 8:29 am #1174756
ThaiModeratorHi There,
That custom CSS under Customizer > Custom > Global CSS.
Regards!
September 14, 2016 at 8:33 am #1174759
restographyParticipantHi
I know where to put the second code but the top one where it says to remove the curly bracket?Thanks
September 14, 2016 at 8:37 am #1174762
restographyParticipantHi,
I found where to change the code, and it has fixed the blog page but the actual post pages are still being cut off, please see attached image.
Thanks
September 14, 2016 at 11:04 am #1175004
ChristianModeratorIn Appearance > Customize > Layout and Design, check if you have set the Sidebar width (see attachment). If that doesn’t have a value that is most likely the cause of the content issue. Set it to 250 or your desired value. If that solves the issue, remove the code given in the previous replies.
Thanks.
September 14, 2016 at 5:06 pm #1175538
restographyParticipantHi,
Thank you so much that worked, I have another question I have added 2 links in the top header and the social icons are there as well but is there any chance that I can swap them over so have the submit listing link then login then the social icons?
Please see attached image.Thanks
September 14, 2016 at 6:37 pm #1175601
restographyParticipantOk so with the blog and changing the sidebar width I’m having issues, it works perfectly on the actual post page but on the blog page it is all out of line and the sidebar is getting cut off and the page content is all the way on the right, please find attached images.
Thanks
September 15, 2016 at 12:08 am #1176068
Rue NelModeratorHello There,
Thanks for writing in! To switch the social icons and links, please add the following css code in the customizer, Appearance > Customize > Custom > CSS
(function($){ $('.p-info').insertAfter('.x-social-global'); })(jQuery);I am not seeing the out of line issue. Could you please give us the url? Because this is how I see your blog page, http://prntscr.com/ci6axj
Hope this helps.
September 15, 2016 at 1:40 am #1176137
restographyParticipantHi,
That code didn’t work for me, I have included a screen shot of how I have put the links into the top header just incase there is a different code for this method of putting links in the top.
With the blog the main blog page is fine it is the actual post pages so if you click on one of the posts and go into it that page is the one that isn’t right.
The URL is http://www.edwardandgertieweddings.com.au
Thanks
September 15, 2016 at 3:53 am #1176268
LelyModeratorHi There,
Please move the following code in here:Appearance > Customize > Custom > Javascript
(function($){ $('.p-info').insertAfter('.x-social-global'); })(jQuery);That is a javascript and not a CSS. That’s a mistake on our part.
Unfortunately, I am not sure about the issue regarding single post page. It is showing fine when I check:http://screencast-o-matic.com/watch/cDQojsjIst
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1173984 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
