Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 4, 2015 at 5:26 pm #498513
    Mike61

    Hi Team,
    in need an solution for showing a background-image only at the first .container,
    at the top of the content (under header). Take an look at the link please for better understanding. There you will find an background-image (grunge and an folding knife at the right). This motiv comes at *any* .container and is defined at enfold settings fpr styling -> main content -> BG image Main Contant. I want this motiv only *one* at the top and not at all .container.
    Hope you can help me – Thank you!

    Kind regards
    Mike

    September 4, 2015 at 5:52 pm #498529
    Elliott

    Hey Mike61!

    Add a color section to your page and add the image as a background for the color section. You can set it to not repeat and it’s position to right top to look the same as you currently have.

    Cheers!
    Elliott

    September 5, 2015 at 11:49 am #498667
    Mike61

    Hey Elliott,

    thank you for your quick support!
    I had test this before I wrote my ticket ;) When I do this, I have an margin of 50px between header and the bg image of .container, and this looks not realy nice ;) Maybe I make somthing wrong? By this way: I had the same effect when I chose “no padding” for this color section.
    Hope you can help me …

    Kind Regards
    Mike

    September 7, 2015 at 4:35 am #499001
    Ismael

    Hi!

    Please do as suggested then we will provide you with the css modifications to remove the margin. Also, in the color section option panel, add an id in the Section ID field. Use “custom-section” for example. A screenshot of the actual layout that you have in mind will help. Use imgur or dropbox.

    Regards,
    Ismael

    September 7, 2015 at 11:11 am #499162
    Mike61

    Hi Ismael,

    shure I can do that and I had do that ;) But It seams there is an other problem:
    When I use an color section there is over this section an empty container “main”
    with the class .content and .content have an top and bottom padding of 50px.
    The ID for the color section is #firstcont (See screenshot). I can’t delete this
    padding because I need it for pages without this color section at first! So, that is
    my problem. That is why I am looking for a way to put an background image at the
    top of the content (under the header) for all! sites. Hope you can help me!
    Regards
    Mike

    Screenshot

    September 7, 2015 at 8:37 pm #499505
    Mike61

    Hi Ismael,
    I have do what you wrote, you have an screenshot and you have an link…
    You wrote “…Please do as suggested then we will provide you with the css modifications to remove the margin…” but you don’t do it?!

    Kind regards
    Mike

    September 7, 2015 at 8:40 pm #499506
    Basilis

    Hi!

    Please do not report inside a post, so we can keep a sequence and not your message goes last.
    Is it possible to provide us with a live version of the site, so we can check the code exactly and make sure it is correct?

    We will not waste your time that way, with possible ways that will not work in the end.

    Cheers!
    Basilis

    September 7, 2015 at 8:47 pm #499511
    Mike61

    Hi Basilis,

    ??? I post the link to the live version here two times in the “private field”?!
    You can’t see that or I don’t understand you?

    Kind Regards
    Mike

    September 8, 2015 at 11:14 am #499765
    Mike61

    It seams that the old links are not enought? Ok, here one more link to the live version…

    September 8, 2015 at 3:55 pm #499952
    Elliott

    Hey!

    Drag a codeblock element to the page content and add this inside.

    <style type = "text/css">
#main > .main_color:first-child {
  display: none;
}
</style>

    Cheers!
    Elliott

    September 10, 2015 at 5:58 pm #501239
    Mike61

    Hi Elliott,

    thank you for your answer. Your code wasn’t the resolution what I am looking for, because it is not practicable for the customer (editors). I found an solution:

    body.page #main>.main_color:first-child {
	background: #f8e9d8 url("img/bg_content.jpg") no-repeat top center;
	
}

    You can close this ticket.
    Regards
    Mike

    September 11, 2015 at 7:55 am #501451
    Rikard

    Hey Mike,

    Glad you got it fixed :-)

    Cheers!
    Rikard

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘background-picture only for first .container’ is closed to new replies.