1. LIMITED-TIME OFFER Get 72% OFF our Pro membership & access all our premium Divi plugins, child themes, layout packs & Divi Block.LEARN MORE
This is the support forum for Divi Ultimate Blog Plugin.

To access this support forum, you need to purchase Divi.Help Pro Membership.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/
Dismiss Notice
NEW Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites.
View All Pro Layout Packs
Dismiss Notice
BEST Divi Block - An online drag & drop tool to easily mix & match 478+ premade blocks (light / dark version), including custom header, fullscreen / slide in mobile menu, mega menu, custom footer, page design blocks & 14+ Special Module Design. Newly added Divi Preloader without plugin.
Learn MoreTry Free Version

Solved The layout of the divider on the blog

Discussion in 'Basic Support Forum' started by lared-dns, Sep 6, 2022.

  1. lared-dns

    lared-dns Member
    Pro Member Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hello, I installed the Divi Ultimate Archive Plugin and the Divi Ultimate Blog Plugin at https://lafigar.com and I was able to adapt the site with CSS to the design that the web already had. The problem arises with the dividers of the blog content, although in the search result I already have part of the solution implemented in CSS (attached).

    The design of the divider that I want to apply to the search result, single and category can be seen in: img_1.jpg

    Design that I already managed to apply half to the search result: img_2.jpg

    Design that I don't know how to put on your site: img_3.jpg

    I want to have this in:
    (Single) https://lafigar.com/agradecimiento/
    (Category) https://lafigar.com/categorias/news/
    (Search) https://lafigar.com/?s=

    Can you help me?
    A greeting and thanks in advance.
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Cart Count Plugin - Easily add cart count to your Divi cart icon. 6 different styles to choose from:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try the below CSS:
    Code:
    .free-blog-post-header {
        overflow: visible!important;
    }
    .free-blog-post-header:after, .free-archive-header .et_pb_section:after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgMTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9InJnYmEoMCwwLDAsMC4wNSkiPjxwYXRoIGQ9Ik01MDQuODU0LDgwLjA2NmM3LjgxMiwwLDE0Ljg5MywwLjMxOCwyMS40MSwwLjg3OSBjLTI1LjkyNSwyMi40NzUtNTYuMDkzLDQwLjg1Mi0xMDIuOTQ2LDQwLjg1MmMtMjAuNzc5LDAtMzcuOTk2LTIuMzQ5LTUyLjg5OC02LjA3QzQxMy41MTcsMTA3LjI5NSw0MzQuMDU2LDgwLjA2Niw1MDQuODU0LDgwLjA2NnogTTc3NS45MzgsNTEuOTQ3YzE5LjE0NSwxOC41OTYsMzkuMDk3LDM1LjA1MSw3Ny45NTYsMzUuMDUxYzQ2LjkwNywwLDYyLjI5OS0xNC45ODYsODAuOTEyLTI0Ljk4IGMtMjEuMzU3LTE1Ljc4My00Ni44MDQtMjguMzQ4LTg1LjQ4OS0yOC4zNDhDODE2LjgyOSwzMy42NzEsNzk0LjIzMyw0MS40MTEsNzc1LjkzOCw1MS45NDd6IiBmaWxsLW9wYWNpdHk9Ii4zIi8+PHBhdGggZD0iTTEyMDAuMTEyLDQ2LjI5MmMzOS44MDQsMCw1OS45ODYsMjIuNDc5LDc5Ljg4OCwzOS42OXYxNi44MDUgYy0xOS45MDMtMTAuODM1LTQwLjA4NC0yMS43NzctNzkuODg4LTIxLjc3N2MtNzIuMDE0LDAtNzguNzE1LDQzLjU1OS0xNDcuOTY0LDQzLjU1OWMtNTYuODQsMC04MS4yNDctMzUuODc2LTExNy4zNDItNjIuNTUyIGM5LjMwOS00Ljk5OCwxOS40MjMtOC43NDksMzQuNjktOC43NDljNTUuODQ2LDAsNjEuOTksMzkuNjE3LDExNS42MDIsMzkuNjE3QzExNDMuMTc3LDkyLjg4NywxMTQyLjYxOCw0Ni4yOTIsMTIwMC4xMTIsNDYuMjkyeiBNODAuMDExLDExNS40ODhjLTQwLjAwNiwwLTYwLjAwOC0xMi4yMDYtODAuMDExLTI5LjUwNnYxNi44MDZjMjAuMDAzLDEwLjg5MSw0MC4wMDUsMjEuNzgyLDgwLjAxMSwyMS43ODIgYzgwLjAwNCwwLDc4LjU5Ny0zMC40MDcsMTM3LjY2OS0zMC40MDdjNTUuOTcxLDAsNjIuNTI2LDI0LjAyNiwxMjYuMzM3LDI0LjAyNmM5Ljg1OCwwLDE4LjUwOS0wLjkxNiwyNi40MDQtMi40NjEgYy01Ny4xODYtMTQuMjc4LTgwLjE3Ny00OC44MDgtMTM4LjY2LTQ4LjgwOEMxNTQuNjk4LDY2LjkxOSwxMzEuODAxLDExNS40ODgsODAuMDExLDExNS40ODh6IE01MjYuMjY1LDgwLjk0NSBjNTYuODQ4LDQuOTAyLDcwLjA1NiwyOC43MjYsMTM3LjE5MywyOC43MjZjNTQuMDAxLDAsNzMuNDMtMzUuMjM3LDExMi40OC01Ny43MjRDNzUxLjA2LDI3Ljc4Miw3MjcuNTQ4LDAsNjY1LjY5MSwwIEM1OTcuMzgxLDAsNTY3LjA4Niw0NS41NTUsNTI2LjI2NSw4MC45NDV6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAsMHY4NS45ODJjMjAuMDAzLDE3LjMsNDAuMDA1LDI5LjUwNiw4MC4wMTEsMjkuNTA2YzUxLjc5MSwwLDc0LjY4OC00OC41NjksMTUxLjc1MS00OC41NjkgYzU4LjQ4MiwwLDgxLjQ3MywzNC41MzEsMTM4LjY2LDQ4LjgwOGM0My4wOTYtOC40MzIsNjMuNjM0LTM1LjY2MiwxMzQuNDMzLTM1LjY2MmM3LjgxMiwwLDE0Ljg5MywwLjMxOCwyMS40MSwwLjg3OSBDNTY3LjA4Niw0NS41NTUsNTk3LjM4MSwwLDY2NS42OTEsMGM2MS44NTYsMCw4NS4zNjksMjcuNzgyLDExMC4yNDYsNTEuOTQ3YzE4LjI5NS0xMC41MzYsNDAuODkxLTE4LjI3Niw3My4zNzgtMTguMjc2IGMzOC42ODUsMCw2NC4xMzIsMTIuNTY0LDg1LjQ4OSwyOC4zNDhjOS4zMDktNC45OTgsMTkuNDIzLTguNzQ5LDM0LjY5LTguNzQ5YzU1Ljg0NiwwLDYxLjk5LDM5LjYxNywxMTUuNjAyLDM5LjYxNyBjNTguMDgsMCw1Ny41MjEtNDYuNTk1LDExNS4wMTUtNDYuNTk1YzM5LjgwNCwwLDU5Ljk4NiwyMi40NzksNzkuODg4LDM5LjY5VjBIMHoiLz48L2c+PC9zdmc+);
        background-size: 100% 100px;
        top: 100%;
        height: 100px;
        z-index: 1;
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        pointer-events: none;
    }
    #main-footer {
        position: relative;
    }
    .search-results #main-footer::after, .search-no-results #main-footer::after, body.single #main-footer::after, body.archive #main-footer::after {
        background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEyODAgODYiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIHNsaWNlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxnIGZpbGw9InJnYmEoMCwwLDAsMC4wNSkiPjxwYXRoIGQ9Ik04MzMuOSAyNy41Yy01LjggMy4yLTExIDcuMy0xNS41IDEyLjItNy4xLTYuOS0xNy41LTguOC0yNi42LTUtMzAuNi0zOS4yLTg3LjMtNDYuMS0xMjYuNS0xNS41LTEuNCAxLjEtMi44IDIuMi00LjEgMy40QzY3NC40IDMzLjQgNjg0IDQ4IDY4OC44IDY0LjNjNC43LjYgOS4zIDEuOCAxMy42IDMuOCA3LjgtMjQuNyAzNC4yLTM4LjMgNTguOS0zMC41IDE0LjQgNC42IDI1LjYgMTUuNyAzMC4zIDMwIDE0LjIgMS4yIDI3LjcgNi45IDM4LjUgMTYuMkM4NDAuNiA0OS42IDg3NiAyOS41IDkxMC44IDM4Yy0yMC40LTIwLjMtNTEuOC0yNC42LTc2LjktMTAuNXpNMzg0IDQzLjljLTkgNS0xNi43IDExLjktMjIuNyAyMC4zIDE1LjQtNy44IDMzLjMtOC43IDQ5LjQtMi42IDMuNy0xMC4xIDkuOS0xOS4xIDE4LjEtMjYtMTUuNC0yLjMtMzEuMi42LTQ0LjggOC4zem01NjAuMiAxMy42YzIgMi4yIDMuOSA0LjUgNS43IDYuOSA1LjYtMi42IDExLjYtNCAxNy44LTQuMS03LjYtMi40LTE1LjYtMy4zLTIzLjUtMi44ek0xNzguNyA3YzI5LTQuMiA1Ny4zIDEwLjggNzAuMyAzNyA4LjktOC4zIDIwLjctMTIuOCAzMi45LTEyLjVDMjU2LjQgMS44IDIxNC43LTguMSAxNzguNyA3em0xNDYuNSA1Ni4zYzEuNSA0LjUgMi40IDkuMiAyLjUgMTQgLjQuMi44LjQgMS4yLjcgMy4zIDEuOSA2LjMgNC4yIDguOSA2LjkgNS44LTguNyAxMy43LTE1LjcgMjIuOS0yMC41LTExLjEtNS4yLTIzLjktNS42LTM1LjUtMS4xek0zMy41IDU0LjljMjEuNi0xNC40IDUwLjctOC41IDY1IDEzIC4xLjIuMi4zLjMuNSA3LjMtMS4yIDE0LjgtLjYgMjEuOCAxLjYuNi0xMC4zIDMuNS0yMC40IDguNi0yOS40LjMtLjYuNy0xLjIgMS4xLTEuOC0zMi4xLTE3LjItNzEuOS0xMC42LTk2LjggMTYuMXptMTIyOC45IDIuN2MyLjMgMi45IDQuNCA1LjkgNi4yIDkuMSAzLjgtLjUgNy42LS44IDExLjQtLjhWNDguM2MtNi40IDEuOC0xMi40IDUtMTcuNiA5LjN6TTExMjcuMyAxMWMxLjkuOSAzLjcgMS44IDUuNiAyLjggMTQuMiA3LjkgMjUuOCAxOS43IDMzLjUgMzQgMTMuOS0xMS40IDMxLjctMTYuOSA0OS42LTE1LjMtMjAuNS0yNy43LTU3LjgtMzYuOC04OC43LTIxLjV6IiBmaWxsLW9wYWNpdHk9Ii41Ii8+PHBhdGggZD0iTTAgMHY2NmM2LjggMCAxMy41LjkgMjAuMSAyLjYgMy41LTUuNCA4LjEtMTAuMSAxMy40LTEzLjYgMjQuOS0yNi44IDY0LjctMzMuNCA5Ni44LTE2IDEwLjUtMTcuNCAyOC4yLTI5LjEgNDguMy0zMiAzNi4xLTE1LjEgNzcuNy01LjIgMTAzLjIgMjQuNSAxOS43LjQgMzcuMSAxMy4xIDQzLjQgMzEuOCAxMS41LTQuNSAyNC40LTQuMiAzNS42IDEuMWwuNC0uMmMxNS40LTIxLjQgNDEuNS0zMi40IDY3LjYtMjguNiAyNS0yMSA2Mi4xLTE4LjggODQuNCA1LjEgNi43LTYuNiAxNi43LTguNCAyNS40LTQuOCAyOS4yLTM3LjQgODMuMy00NC4xIDEyMC43LTE0LjhsMS44IDEuNWMzNy4zLTMyLjkgOTQuMy0yOS4zIDEyNy4yIDggMS4yIDEuMyAyLjMgMi43IDMuNCA0LjEgOS4xLTMuOCAxOS41LTEuOSAyNi42IDUgMjQuMy0yNiA2NS0yNy4zIDkxLTMuMS41LjUgMSAuOSAxLjUgMS40IDEyLjggMy4xIDI0LjQgOS45IDMzLjQgMTkuNSA3LjktLjUgMTUuOS40IDIzLjUgMi44IDctLjEgMTMuOSAxLjUgMjAuMSA0LjcgMy45LTExLjYgMTUuNS0xOC45IDI3LjctMTcuNS4yLS4zLjMtLjYuNS0uOSAyMi4xLTM5LjIgNzAuNy01NC43IDExMS40LTM1LjYgMzAuOC0xNS4zIDY4LjItNi4yIDg4LjYgMjEuNSAxOC4zIDEuNyAzNSAxMC44IDQ2LjUgMjUuMSA1LjItNC4zIDExLjEtNy40IDE3LjYtOS4zVjBIMHoiLz48L2c+PC9zdmc+);
        background-size: cover;
        background-position: center bottom;
        height: 100px;
        z-index: 1;
        transform: rotateX(180deg);
        -webkit-transform: rotateX(180deg);
        width: 100%;
        content: '';
        position: absolute;
        bottom: 100%;
        pointer-events: none;
    }
     
  3. lared-dns

    lared-dns Member
    Pro Member Divi Block Pro Divi Ultimate Child Theme Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Ok it works perfect
    A million thanks
     
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More