Icons (Can we alter the colour)

  • Posted in : Efor
  • envatogirl
    Participant

    On my home page for the SHAPE YOUR FUTURE – SPECIALITIES PART, the icons are in grey as I’ve changed the other borders, text etc to white. Is there anyway to change the icon colours from grey to white?

    I’m not able to attach a screenshot here so I can’t show you but please refer to my home page website link and scroll down.

    Thanks

    serkan
    Moderator

    Hi,
    Can you upload white icons instead of black and use this custom css code;

    .elementor-image img { filter: none !important; }

    This custom css code will remove the filter but the original icon was black that is why I asked you to upload the white icons.
    Thanks

    envatogirl
    Participant

    Where do I edit this?

    Do I have to GO PRO (in elementor) to be able to insert a custom CSS code?

    envatogirl
    Participant

    Update: I’ve been able to edit it – but where can I find a white icon?

    Since when I check the media library it’s only available in black.

    Or do I have to find / source my own images that are in white with transparent background?

    serkan
    Moderator

    Hi @envatogirl
    You can change the color via photoshop or download a white icons instead of it.
    https://www.iconsdb.com/white-icons/
    You can check out this related website.
    Thanks

    envatogirl
    Participant

    Thank you, all done. I’ve edited the text for the “Shape your future” text paragraphs, but as you can see they don’t align together (due to different numbers of texts/words in each box).

    How can I align the boxes?

    serkan
    Moderator

    Hi,
    Could you provide me your wp admin details via our private content box below?
    Thanks

    envatogirl
    Participant

    OK sure please see below

    serkan
    Moderator

    Hi,
    You can go to dashboard > pages > homepage > edit with elementor > edit image logo > advanced tab > you can set up the position.
    Thanks

    envatogirl
    Participant

    No this didn’t work. I’m not sure what you want me to do in advanced.

    Basically the default home page was fine because the number of text/words were all the same. Now since I’ve modified the text it is all weighted differently, and hence the

    LOGO
    TITLE
    BODY

    are not aligned at all because the weight of the BODY text has shifted the other components. I need it so that the BODY all starts on the same horizontal value so it’s all aligned.

    Thanks

    serkan
    Moderator

    Hi,
    Could you please tell me that, how is it looks like now?
    Thanks

    envatogirl
    Participant

    Thanks Serkan. It’s better, but it’s still not aligned.

    Personal growth is a little bit below “career development”. And “Healthy life” is a lot lower than both.

    Does this mean that if I ever edit the text it’s always going to move like this?

    Is there also a way to permanently align it?

    And also for the “LEARN MORE” boxes to all be on the same horizontal value?

    Thank you.

    serkan
    Moderator

    Hi @envatogirl
    Although the general style in these settings belongs to us, the position and height settings come from the elementor features. Necessary changes can be made by changing these settings through elementor.
    Thanks

    envatogirl
    Participant

    Ah okay understood thank you.

    Are you able to help me align the last column (HEALTHY LIFE)? That’s the only one slightly not aligned.

    Other than that in general how can I make sure it stays aligned in the future (if I change text)?

    serkan
    Moderator

    Hi, I caught it over custom css code. If you do not remove the element in the box and only change text content, no corruption will be observed.
    Could you go to appearance > customize > custom css code and update the css codes;

    .elementor-254 .elementor-element.elementor-element-0a43cf9 { top: 24px; }
    .elementor-254 .elementor-element.elementor-element-f9bc1ab { top: 2%; }
    envatogirl
    Participant

    Thanks Serkan. That’s all fixed now.

    On a separate note – I’m having some trouble editing the page though. I’m trying to remove the social media icons via Elementator but every time I try to update it it says:

    Connection Lost. Saving has been disabled until you’re reconnected. I’ve updated my wordpress already so do you have any idea why it won’t update?

    Thanks!

    envatogirl
    Participant

    Hi Serkan, I also have another urgent issue I need to fix.

    On the homepage – I don’t know why but the columns under “Latest from the blog” have all disappeared.

    The default should have the last 3-5 posts in long slim rectangle previews there. (Homepage)

    How can I rebuild this?

    This is quite urgent! Thanks

    serkan
    Moderator

    Hi, deactivate your plugins and then reactivate them. I searched this on google, that is the solution for connection lost issue.
    As you can see, elementor removed the post and I will provide this feature with pro version anymore.
    https://ibb.co/gyZdq80
    Thanks

Viewing 18 posts - 1 through 18 (of 18 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register