Okay
  Public Ticket #2801702
Box color & Blocks settings
Closed

Comments

  •  3
    Akis started the conversation

    Hello, 

    I'm trying to change the colours of the icons and and the text inside a Rayden Icon Box and I don't know how.

    Also, I want to change the height or the width of a Rayden Container to specific pixels and there is no way. 

    Could you please advise? 

    Thank you in advance.

  •  1,814
    Support replied

    Hi there.

    1. Icon boxes: if you can send us your page URL containing the boxes and to be more precise which color and text you need to change? Even better, send us wp admin access in a private comment

    2. You can assign a CSS class to the Rayden container in extra class name and then assign styles to it (width and height) in customizer -> additional CSS

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Akis replied

    Thank you for your prompt reply. 

    Right now the Site in a temporary server, the nameservers haven't been changed yet. 

    1. I' m attaching a screenshot. The background will be total black and the boxes (icon and text) should be white.

    2. It's clear, thank you.

  •  1,814
    Support replied

    Hello,

    Just to clarify further from your screenshot I see the boxes with red background and black foreground and grey headers (Email, Address, Phone)

    Is this what you are trying to achieve?

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Akis replied

    Hello, 

    No, the red background is just to show you the boxes.

    I'd like to have a black background (that's the easy part) and all the others texts and icons white.

    Thank's again.

  •  1,814
    Support replied

    OK, assuming that you have a page with dark background and the background color is not a problem to make the foreground (text & icons) white you can add:

    .clapat-icon {
        color: #fff;
    }

    .light-content h5 {
        color: #fff;
    }

    in customizer -> additional CSS. The last component of the icon box is the paragraph Email, Address which I assume you want to stay light gray

    Even better you can assign a class to the wrapping container (so the block containing the icon box) and prefix the style selectors with this class



    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  3
    Akis replied

    Thank you very much for your help. You can mark it as resolved.

    Have a nice day.