Tagged: 

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • December 7, 2017 at 11:58 pm #886282
    Camilla88

    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 #886342
    John Torvik

    Hey Camilla,

    Please, can you provide a screenshot of your headline on the page?

    Best regards,
    John Torvik

    December 8, 2017 at 9:37 pm #886631
    Camilla88

    Sure, here is an image: https://postimg.org/image/fccvxt74n/

    December 9, 2017 at 12:52 am #886695
    Jordan Shannon

    Hi,

    Add this to quick css:

    .post-entry-734{
margin-left:-200px
}

    Best regards,
    Jordan Shannon

    December 12, 2017 at 9:01 pm #888070
    Camilla88

    Hi 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 #888112
    Jordan Shannon

    Hi,

    Try the following instead:

     #av_section_1 .av-rotator-container-inner {
margin-left:-500px!important;
}

    Best regards,
    Jordan Shannon

    December 15, 2017 at 7:00 pm #889371
    Camilla88

    Thanks 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 #889381
    Jordan Shannon

    Hi,

    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 Shannon

    December 15, 2017 at 7:27 pm #889384
    Camilla88

    Amazing. 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 #889393
    Jordan Shannon

    Hi,

    Can you provide a screenshot of the issue?

    Best regards,
    Jordan Shannon

    January 2, 2018 at 9:58 pm #892603
    Camilla88

    Yes, here is a screenshot.
    Also, on the desktop, it becomes a problem, when I alter the screen size to smaller. See screenshot

    January 3, 2018 at 11:01 pm #892940
    Jordan Shannon

    Hi,

    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 Shannon

    January 3, 2018 at 11:04 pm #892944
    Camilla88

    Sure, here is a login.
    Thanks for looking at it.

    January 3, 2018 at 11:31 pm #892961
    Jordan Shannon

    Hi,

    It looks like the text has been changed. I’m no longer seeing the issue.

    Best regards,
    Jordan Shannon

    January 3, 2018 at 11:33 pm #892962
    Camilla88

    Are you looking at this page:

    January 3, 2018 at 11:47 pm #892966
    Jordan Shannon

    Hi,

    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 Shannon

    January 6, 2018 at 3:08 pm #894097
    Camilla88

    Thanks a lot Jordan.
    It is just perfect!

    January 6, 2018 at 6:33 pm #894165
    Victoria

    Hi Camilla88,

    Glad Jordan helped you to get it working! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

    January 8, 2018 at 9:13 pm #894918
    Camilla88

    Hi 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 #894973
    Jordan Shannon

    Hi,

    What additional block did you add? Can you screenshot the error?

    Best regards,
    Jordan Shannon

    January 10, 2018 at 10:26 pm #895828
    Camilla88

    Hi,
    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 #895882
    Jordan Shannon

    Hi,

    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

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • You must be logged in to reply to this topic.