![Check out Enfold](https://kriesi.at/wp-content/themes/kriesi/images/banner-enfold.jpg)
Tagged: Headline Rotator
-
AuthorPosts
-
December 7, 2017 at 11:58 pm #886282
Hi,
I am using the headline rotator, and trying to get at look like this one on your demo: https://kriesi.at/themes/enfold-2017/elements/headline-rotator/
But my headline has too much space on the left side. Is there any way to make the text come closer to the left? Like in your example.I tried to edit alle places with padding and border styling, but that did not help.
I have the headline rotator in a color section.December 8, 2017 at 4:41 am #886342Hey Camilla,
Please, can you provide a screenshot of your headline on the page?
Best regards,
John TorvikDecember 8, 2017 at 9:37 pm #886631Sure, here is an image: https://postimg.org/image/fccvxt74n/
December 9, 2017 at 12:52 am #886695Hi,
Add this to quick css:
.post-entry-734{ margin-left:-200px }
Best regards,
Jordan ShannonDecember 12, 2017 at 9:01 pm #888070Hi Jordan,
The CCS worked but also influenced the position of other elements on the page.
Is there a way to get around this? :-)December 13, 2017 at 12:09 am #888112Hi,
Try the following instead:
#av_section_1 .av-rotator-container-inner { margin-left:-500px!important; }
Best regards,
Jordan ShannonDecember 15, 2017 at 7:00 pm #889371Thanks Jordan!
Great it worked. Can you get it to apply for the icon blok I have added underneath the headline rotator?
I have attached a link in the private content section. :-)December 15, 2017 at 7:22 pm #889381Hi,
Add this to quick css:
.iconbox.iconbox_left.avia-builder-el-3.el_after_av_hr.avia-builder-el-last { margin-left:-300px!important; }
Best regards,
Jordan ShannonDecember 15, 2017 at 7:27 pm #889384Amazing. Thanks.
On mobile this color section with headline rotator and icon box looks off. It is zoomed in on the picture and only a part the headline rotator text is visible. Do you know why? And is there a way around it? :-)December 15, 2017 at 7:40 pm #889393Hi,
Can you provide a screenshot of the issue?
Best regards,
Jordan ShannonJanuary 2, 2018 at 9:58 pm #892603Yes, here is a screenshot.
Also, on the desktop, it becomes a problem, when I alter the screen size to smaller. See screenshotJanuary 3, 2018 at 11:01 pm #892940Hi,
Please provide admin info so I can login and look into this issue further. I may need to manually adjust the css I provided. Or perhaps you can try adjusting them to percentages instead.
Best regards,
Jordan ShannonJanuary 3, 2018 at 11:04 pm #892944Sure, here is a login.
Thanks for looking at it.January 3, 2018 at 11:31 pm #892961Hi,
It looks like the text has been changed. I’m no longer seeing the issue.
Best regards,
Jordan ShannonJanuary 3, 2018 at 11:33 pm #892962Are you looking at this page:
January 3, 2018 at 11:47 pm #892966Hi,
Apologies, I had the wrong page. I made the following adjustment. Please check:
/* Placering af headline rotator*/ #av_section_1 .av-rotator-container-inner { margin-left:-15%!important; } /* Placering af icon box under headline rotator*/ .iconbox.iconbox_left.avia-builder-el-3.el_after_av_hr.avia-builder-el-last { margin-left:-15%!important; } @media only screen and (max-width: 767px) { /* Placering af headline rotator*/ #av_section_1 .av-rotator-container-inner { margin-left:-5%!important; } /* Placering af icon box under headline rotator*/ .iconbox.iconbox_left.avia-builder-el-3.el_after_av_hr.avia-builder-el-last { margin-left:-5%!important; } }
Best regards,
Jordan ShannonJanuary 6, 2018 at 3:08 pm #894097Thanks a lot Jordan.
It is just perfect!January 6, 2018 at 6:33 pm #894165Hi Camilla88,
Glad Jordan helped you to get it working! :)
If you need further assistance please let us know.
Best regards,
VictoriaJanuary 8, 2018 at 9:13 pm #894918Hi Jordan,
One last question on this one.
I made a second block for mobile, and now your CSS code does not work anymore.
Can you see why? Login details are the same.January 9, 2018 at 12:02 am #894973Hi,
What additional block did you add? Can you screenshot the error?
Best regards,
Jordan ShannonJanuary 10, 2018 at 10:26 pm #895828Hi,
Yes, here it is.
One image of the error and one of the back end where the block is doubled. One for desktop and one for mobile.January 11, 2018 at 12:16 am #895882Hi,
Add this to quick css:
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .post-entry.post-entry-type-page.post-entry-4772{ margin-left:50px!important; width:300px!important; }
Best regards,
Jordan Shannon -
AuthorPosts
- You must be logged in to reply to this topic.