-
AuthorPosts
-
February 26, 2016 at 5:32 pm #589901
Hello,
i have a little problem. i styled my blog entries a little bit different to the normal site. therefor i used css code like this:
article.post-entry {
background-color: white;
margin-bottom: 25px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1);
box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1);
}-> all my blog articles are build without the advanced layout builder. I used the article tag because on my normale site pages the contentboxes are all normal divs. but now i build a blog article with the advanced layoutbuilder and i realized that the css code i wrote dont aplly on these article because all blog entries with the advanced layout builder dont show up with the article tag – instead of with a normal div tag. how can i just change the .post-entry class only for the blog articles (not for the whole site).
here you can see some examples:
normal page: http://kopfundstift.de/webdesign/
blog article as it should be: http://kopfundstift.de/die-10-besten-wordpress-themes-2015/
and the private article with no white background (you have to login to see it) with the ERROR: http://kopfundstift.de/scrollytelling-verfeinert-das-multimediale-storytelling/February 29, 2016 at 1:45 pm #590713Hi kopf-und-stift!
how can i just change the .post-entry class only for the blog articles (not for the whole site).
Not an issue if you are not using Advance Layout builder…
Wordpress by default has a body class for different kind of pages for example if it is a blog post it has differet class in body and for single page it has different class, for product pages it has different class…
When you right click the page and inspect check for the body class as shown in the below image
you can use single-post for all blog post or postid-2871 if you like to affect only a few post you need to create a post catogery and then that catogery will appear in body class use it to target any post that you like.
Best regards,
Vinay KashyapFebruary 29, 2016 at 10:17 pm #591149sorry didnt get it to work with that. can you just post the concrete css rule for that?
thanks :)
March 2, 2016 at 9:58 am #591980Hi!
The box shadows are being applied on the article: http://kopfundstift.de/scrollytelling-verfeinert-das-multimediale-storytelling/
Could you please provide a screenshot of the issue?
Best regards,
IsmaelMarch 21, 2016 at 1:38 pm #601207ok, got the problem described above here:
should look like this:
another question is why the thumbnail for the post is not 100% width. It get reduced by some inline css with a width 845px. but should be 883px? Enfold is picking the wrong thumbnail size. How get i managed that the Thumbnail is width:100% ??? see attached screenshot:
thanks!
March 25, 2016 at 9:30 am #603595Hey!
Add this in the Quick CSS field:
.template-single-blog .content .entry-content-wrapper { padding-right: 0; background-color: white; margin-bottom: 25px; -webkit-box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1); box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1); }
Best regards,
IsmaelApril 6, 2016 at 10:22 am #608785thanks 4 the reply. But the code doesnt work for me?!?! What should i do?
bye
April 8, 2016 at 8:30 am #610084Hey!
Remove the padding to make the image as wide as the available space.
.content-wrapper { padding-right: 0px!important; }
To add the white background to text area
.av_textblock_section { background: #FFF; padding: 50px; }
Best regards,
VinayApril 8, 2016 at 8:41 am #610093hello,
thx 4 reply but this will change the whole site. As i said, i only want the whitebackground and the shadow in the blog:
i have a little problem. i styled my blog entries a little bit different to the normal site. therefor i used css code like this:
article.post-entry {
background-color: white;
margin-bottom: 25px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1);
-moz-box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1);
box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1);
}-> all my blog articles are build without the advanced layout builder. I used the article tag because on my normale site pages the contentboxes are all normal divs. but now i build a blog article with the advanced layoutbuilder and i realized that the css code i wrote dont aplly on these article because all blog entries with the advanced layout builder dont show up with the article tag – instead of with a normal div tag. how can i just change the .post-entry class only for the blog articles (not for the whole site).
here you can see some examples:
normal page: http://kopfundstift.de/webdesign/
blog article as it should be: http://kopfundstift.de/die-10-besten-wordpress-themes-2015/
and the private article with no white background (you have to login to see it) with the ERROR: http://kopfundstift.de/scrollytelling-verfeinert-das-multimediale-storytelling/Thanks!
April 8, 2016 at 7:34 pm #610383Hi!
We are working on your ticket please wait while we update the results here soon.We have added the below css which targets only the blog post
.single-post .content .entry-content-wrapper { padding: 50px; background: #FFF; margin-bottom: 25px; -webkit-box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1); -moz-box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1); box-shadow: 0px 0px 5px 0px rgba(178,178,178,0.1); /* padding: 50px!important; */ }
We love to help you with minor customisation that don’t take much time but this one is going to take a lot of time to achieve the exact same result.
Regards,
Vinay -
AuthorPosts
- You must be logged in to reply to this topic.