Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #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/

    #590713

    Hi 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 Kashyap

    #591149

    sorry didnt get it to work with that. can you just post the concrete css rule for that?

    thanks :)

    #591980

    Hi!

    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,
    Ismael

    #601207

    ok, 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:
    wordpress themes 2016

    thanks!

    #603595

    Hey!

    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,
    Ismael

    #608785

    thanks 4 the reply. But the code doesnt work for me?!?! What should i do?

    bye

    #610084

    Hey!

    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,
    Vinay

    #610093

    hello,

    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!

    #610383

    Hi!

    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

Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.