1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Solved Can't change colors of recent post elements (Construction Layout)

Discussion in 'Basic Support Forum' started by Charlie Owen, Mar 12, 2018.

  1. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You need to go to Theme Customizer -> Divi Ultimate -> Global Styling -> Choose your desired theme -> Construction

    AAD72EC7-704E-44DF-96E1-EFBD006CDF11.jpeg

    Not sure what you meant by this. All the buttons are styled using the individual button settings. To change the color, etc, just go to the individual button settings to make the changes.

    If you meant to edit the default button style, then you can do that at the Theme Customizer.
     
  3. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    Thanks for the fast reply

    I don't want to change the theme - i'm currently using the Ultimate Theme - i need to know what css to add to change the color of those two elements.

    regarding the buttons, they are all shown as the same style throughout the theme (as per the screenshot) so i guess i need the css of that as there's no divi settings for this particular button, just css. Apologies of i'm not explaining myself correctly.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Here's the CSS code as per request:
    Code:
    Log In or Sign Up to view this code.

    Now I see the issue. The Divi premade layouts doesn't set background color for their buttons & so they're using the style set in the Theme Customizer -> Buttons -> Background Color (see screenshot below)

    **If you change the background color opacity to 0, then it will achieve what you want. But I would suggest you to set background color in each button settings, not through the Theme Customizer.

    upload_2018-3-12_22-13-27.png
     
  5. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    Perfect - thanks



    That isn't what I was trying to explain. Ok.....

    So here's the CSS I have working so far. problems are it's not adding a border. Would also like to know how to add an icon like DIVi does in the module settings.

    blog module > advanced > Read More Button

    Code:
    Log In or Sign Up to view this code.

    Here's a video showing that I have most of the elements working including hover

    But these have no effect at all in the css when trying to add a border

    Code:
    Log In or Sign Up to view this code.
    thanks in advance
     
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  6. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    ok got button border working. Now for the icon.....

    Code:
    Log In or Sign Up to view this code.
     
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Can you share the link on the button that you're referring to?
     
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  8. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    Sure

    http://windmilltheatreschool.co.uk/test-page/

    While you are looking at that page - I feel it would be a good edit to the theme to make the standard featured image the same dimensions as the video featured image - there's a difference of 20px. Currently the video ones measures 194px h and the standard 214px h

    Thanks!
     
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Charlie Owen likes this.
    1. PRO MEMBER PERKS Divi Mini Cart Pro Plugin - Instantly add 3 different types of mini cart to your Divi site:Learn More
  10. Charlie Owen

    Charlie Owen Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin

    PERFECT! Thank you

    [​IMG]

    OK i'll check that out and if I find a solution will post it here for the benefit of others

    Thanks again. Great support!