Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • December 3, 2021 at 1:22 am #1331367
    Veronika

    Hi,

    i have a problem with my site it is not centered, everything is shifted to the right. And I tried a few things but I can’t find the error.

    View post on imgur.com

    Could you please help, thank you

    All best,
    Veronika

    December 3, 2021 at 4:20 am #1331385
    Rikard

    Hey Veronika,

    Please try the following in Quick CSS under Enfold->General Styling:

    .home #av_section_1 .av_one_half {
    padding: 0;
}

.home #av_section_1 .av_one_half .slide-entry {
    padding: 0 0 0 15px;
}

    Best regards,
    Rikard

    December 6, 2021 at 12:05 pm #1331684
    Veronika

    Hi Rikard,

    unfortunately it did not work, when I use your code the whole page gets a bit messy. Could you please take a look?
    (https://imgur.com/NxyZfca)

    Thank you,

    All best,

    Veronika

    December 6, 2021 at 3:46 pm #1331720
    Nikko

    Hi Veronika,

    The reason for that shift is this code (coming from the CSS in private content):

    #top.home #av_section_2 .avia-content-slider div .av_one_fourth {
    margin-left: 2.2%;
    width: 22%;
}

    Please remove that code and it should be fixed.

    Best regards,
    Nikko

    December 6, 2021 at 4:09 pm #1331730
    Veronika

    Hi Nikko,

    when I do that, this happens: https://imgur.com/gJQAuDZ
    ( https://imgur.com/67Uwlh9 (with code) )

    thank you,
    Veronika

    December 6, 2021 at 4:27 pm #1331734
    Yigit

    Hi Veronika,

    Thanks for contacting us!

    That seems to be related to 30px left padding in following custom CSS code

    .av-section-cont-open {
    padding-left: 30px;
    padding-right: 0px;
}

    If you would like to display it just as Beauty section, please change the code to following one 

    .av-section-cont-open {
    padding-right: 0px;
}

    Regards,
    Yigit

    January 25, 2022 at 10:31 am #1337015
    Veronika

    Hi, I already changed that, but my posts slider is now looking like this: https://imgur.com/undefined ; it has no space between the end of the page and the picture and the space between the post pictures is way to large!. That doesn’t look very pleasant, how can I change that?

    Tank you,
    best,
    Veronika

    January 25, 2022 at 3:27 pm #1337093
    Yigit

    Hi Veronika,

    Imgur link seems broken so I could not see your screenshot but I believe I understood the changes you would like to make. It is related to 100% container width set in Enfold theme options > General Layout > Dimensions.

    I attached a screenshot in private content field below to show how 95% container width and decreased space between columns would look. Would you like to display your “Beauty” and “Fashion” sections like that? If so, please let us know so we can make the adjustments for you.

    Best regards,
    Yigit

    February 14, 2022 at 12:45 pm #1340473
    Veronika

    Hi Yigit,

    that would be really lovely, thank you very much.

    best,
    Veronika

    February 14, 2022 at 2:47 pm #1340498
    Yigit

    Hi,

    I edited your column elements inside Beauty and Fashion sections and removed the padding from them and then gave their Color Section elements’ custom IDs in Advanced > Styling tab and then added following code to bottom of Quick CSS field 

    #fashion-section .container,
#beauty-section .container { 
     max-width: 95%; 
}

    Please review your website :)

    Best regards,
    Yigit

    February 14, 2022 at 3:20 pm #1340512
    Veronika

    Hi Yigit,

    it look great so far, is there a possibility to change the padding between the posts?

    View post on imgur.com

    since now it is not very appealing to the eye

    tank you very much

    February 14, 2022 at 3:47 pm #1340518
    Yigit

    Hey,

    I added following code to bottom of Quick CSS as well

    #beauty-section .av_one_fourth,
#fashion-section .av_one_fourth {
  margin-left: 2%;
  width: 23.5%;
}
#beauty-section .av_one_fourth.first,
#fashion-section .av_one_fourth.first { 
    margin-left: 0;
}

    Please review your website :)

    Best regards,
    Yigit

    February 15, 2022 at 12:16 pm #1340675
    Veronika

    Hi Yigit,

    it’s perfect thank you very much.

    You can close this thread now

    Best,
    Veronika

    February 15, 2022 at 2:15 pm #1340712
    Yigit

    Hi,

    You are welcome! Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘not centered page’ is closed to new replies.