Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 22, 2017 at 6:20 pm #811733
    Ritterli2

    Again I have a problem with a horizontal gray line across the screen: Below grid rows followed by a separator whitespace appears a thin horizontal gray line directly at the bottom of the grid row. I had this problem on the website before with other elements, but here the lines do not disappear with the previously supported CSS.

    below the grid row with two columns (No border setting is selected for the grid row!) is following a separator whitespace with 20px (background color set to white, but does not help).

    Can you please help me to remove the gray line. caused probably by the separator whitespace. My customer does not like it on the website. Website is inserted below.

    2) How can I add a margin left and right to a grid row? In my case I want to have a margin (not padding) on the left side of the grid row, so that the gray column start ~ 10% from the left side.

    Thanks a lot,
    Uwe

    June 22, 2017 at 7:55 pm #811793
    Victoria

    Hey Ritterli2,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.main_color {
  border-color: #fff;
}

    Not sure, I understand the second part though. Could you please attach a mockup of what you’re trying to achieve?

    If you need further assistance please let us know.
    Best regards,
    Victoria

    June 23, 2017 at 9:49 am #812024
    Ritterli2

    Hi Victoria,

    I am very happy about your fix, it is working excellent and the gray line is not visible anymore, thanks a lot!

    For the second question I made a screenshot for you. You will find it on the link below.

    best regards,
    Uwe

    June 24, 2017 at 5:11 am #812378
    Rikard

    Hi,

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

    .postid-1294 .av-layout-grid-container {
  margin-left:100px;
}

    This will apply to all the grid containers on that particular page.

    Best regards,
    Rikard

    June 26, 2017 at 12:00 pm #813002
    Ritterli2

    Rikard,

    your solution works very excellent and the design now is very nice. I modified the value to 5% and now it is adapting to smartphone width perfectly. Thank you very much for your excellent support!

    Regards,
    Uwe

    That’s a general question and perhaps you have an idea: I prepare for one page a “template” based on the first designed example as the page you worked on. I use this page then as a template and with the plugin “duplicate post” I make a copy for each new page of this style.

    Of course, the disadvantage of this is, when I want to change something in the layout. Then I need to alter all pages again. Do you have an idea how I can avoid this? It’s just a general WordPress question.

    June 26, 2017 at 2:23 pm #813070
    Victoria

    Hi Ritterli2,

    Glad we could help :)

    You could create another template, save it, and got to other pages and load a different template. Theoretically, that should work and it is still not an automatic solution.

    If you need further assistance please let us know.
    Best regards,
    Victoria

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