Tagged: 

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • June 27, 2017 at 3:59 pm #813495
    VastMarketing

    I am trying to add a universal background image to the top section directly under the header/navigation and set it to a specific height to all pages except the home page. Click on this link to see where I am talking about: http://prntscr.com/ford65 .
    How do I do this?
    This link shows you what the page looks like, how I have it set up and settings: http://prntscr.com/foreu5

    June 27, 2017 at 4:03 pm #813498
    Yigit

    Hey Marnie!

    You can simply add Color Section element to the top of your page and set your image as custom background or you can add image element into that color section element and change its container width to 100% by referring to this post – http://kriesi.at/documentation/enfold/color-section-with-100-container/ :)

    Cheers!
    Yigit

    June 27, 2017 at 4:27 pm #813507
    VastMarketing

    This is not exactly what I was looking for.

    Here are the settings I have for the each part of the color section: http://prntscr.com/forqhn and http://prntscr.com/forscn

    I added this CSS to the General Styling #fwcs .container { width: 100% !important; max-width: 100%; padding: 0; margin: 0; }

    This is how it looks with these settings: http://prntscr.com/forro5

    I want the blue color section as shown in the screenshot to come all the way up to the line under the header/logo area.

    How can I accomplish this?

    June 27, 2017 at 5:18 pm #813521
    VastMarketing

    I just went into the theme settings and under General Styling – Alternate Content I added an image to the background. This is close to what I am trying to achieve but I want to make that Alternate Content area taller. To about 200 px. How can I make this change?

    Here is the screenshot of the settings I have now: http://prntscr.com/fosgzy and http://prntscr.com/fosib0

    June 28, 2017 at 4:24 pm #813934
    Victoria

    Hi VastMarketing,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    June 28, 2017 at 5:02 pm #813962
    VastMarketing

    Sure.

    June 29, 2017 at 1:17 pm #814425
    Victoria

    Hi VastMarketing,

    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

    
.alternate_color {
    min-height: 300px;
}

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

    June 30, 2017 at 2:51 pm #814974
    VastMarketing

    Thank you. This is what I was looking for. However, how can I make the image in the Alternate Content area vary from page to page? So, is there a way to achieve the same exact look as there is now but set up each page to have a unique image? If it is not possible to do this using the Alternate Content element then how can I do this on each page? http://prntscr.com/fq07da

    July 2, 2017 at 10:45 pm #815634
    Basilis

    Hi,

    Yes you can.
    You can either tag with a different class on that section – or you can add the page ID before the class, that will triger only on specific pages.

    Best regards,
    Basilis

    July 2, 2017 at 11:42 pm #815656
    VastMarketing

    I have no clue what you mean. Can you please provide specific directions?

    July 6, 2017 at 9:43 am #817107
    Victoria

    Hi VastMarketing,

    You could try specifying different images via css, adding code like this with the class of different page. Put this code in your Quick css, change the image url and see what happens

    
.page-id-18 .alternate_color {
    background: #ffffff url(//www.andrew-jacobs.com/wp-content/uploads/2017/06/bigstock-Office-Building-3335393-e1498567615281.jpg) top center repeat-x fixed;
}

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

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