-
Posts
-
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,
ofekwHey ofekw,
Could you please attach a mockup of what you’re trying to achieve?
Where can we see the element added?
Best regards,
VictoriaDear 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,
ofekwHi,
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,
VinayHi 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,
ofekwHi,
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,
VinayHi 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
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,
VinayHi,
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
- The topic ‘Aligning Icon Box content’ is closed to new replies.