Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #1131320

    Hello Team,
    Is there a way to right-align the content of an Icon Box which is inside a Grid Row?
    To clarify, the icon should be positioned to the left of the text inside the Icon Box. The entire content of the Icon Box should be aligned to the right (it does not show nicely on desktops).
    Thanks,
    ofekw

    #1131961

    Hey ofekw,

    Could you please attach a mockup of what you’re trying to achieve?

    Where can we see the element added?

    Best regards,
    Victoria

    #1132128

    Dear Victoria,

    Thanks for following up.
    You can view the Icon Boxes on the two pages below. The two icons (phone number and BOOK NOW) are placed on the left section of a Grid Row that takes the right one third of the page width. However, they are left-aligned to that grid section. I want the Icon Boxes (icon + text) to be right aligned so they are aligned with the right edge of the page. When you click on any of the two links below using a desktop with a wide screen, you can see that the two Icon Boxes at the top of the page are not right aligned.

    Looking forward to your advice,
    ofekw

    #1132869

    Hi,

    There are various methods to add the icon box to the header. What method did you choose? Depending on that we can suggest what you can do also we need to take a look at the backend of the site please post your login details in private content area.

    Best regards,
    Vinay

    #1132880

    Hi Vinay,

    Please check the links below for examples of the two icon boxes. They are located at the top of each page, showing the phone number and Book Now,
    Have placed a Grid row, divided it to 1/3 and 2/3. The left third contains the two Icon boxed, one above the other. I need your help to show these icon boxes (icon + text) aligned with the right border of the page please.
    Looking forward to your advice,
    ofekw

    #1132885

    Hi Vinay,
    Login details below.
    Thanks for your support!
    ofekw

    #1134250

    Hi,

    I tried to troubleshoot this issue but the login credentials you provided do not work for me. Would you mind checking once again and then send us working login credentials?

    The user role for the account you send us should be set to ‘administrator’ so we can try to disable all plugins and add custom code (if necessary) to resolve the issue.

    Best regards,
    Vinay

    #1138803

    Hi Vinay,

    Please try login using the credentials below. Examples of the two icon boxes are located at the top of most Portfolio pages, showing the phone number and ‘Book Now’.

    The top Grid row is divided it to 1/3 and 2/3. The left third contains the two Icon boxed, one above the other. I need your help to align these icon boxes (icon + text) to the right border of the page please.

    On that note, is there a way to display the phone number inside the menu so that it will show on smaller mobile devices?

    Looking forward to your advice,

    ofekw

    #1139454

    Hi,

    Thank you for sharing the details.

    Again the login credentials are not working.

    Please try adding the below code to Quick CSS

    #top .iconbox_content {
        float: right;
    } 

    You may not see the changes until the cached files are cleared in your browser.

    Please perform the below steps to clear the browser cache:

    1. Disable “merging and compression” for CSS and JS files from Enfold > Performance.
    2. If a caching plugin is installed check the plugin settings and clear the cache and deactivate the plugins for testing purpose.
    3. Hard refresh by pressing Ctrl + Shift + F5 on your browser or press the F12 key to open chrome dev tools and right click on the refresh button and select “Empty Cache and Hard Reload”.

    Best regards,
    Vinay

    #1139741

    Works Perfectly!
    Thanks Vinay,
    ofekw

    #1140388

    Hi,

    Glad we could help!

    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    Please bookmark Enfold Documentation for future reference.
    Thank you for using Enfold :)

    Best regards,
    Vinay

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

The topic ‘Aligning Icon Box content’ is closed to new replies.