Tagged: ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 8, 2017 at 3:20 am #757451
    jabbler

    On the following page:

    http://www.jabble.jp/

    Two questions:

    1. For a PC browser, in the color section I want to adjust the background image upward.

    I’ve tried using

    background-position: 0 -50px;

    but I can’t seem to override the

    background-position: top center;

    I don’t think I’m writing the CSS correctly in my child them style sheet. Could you please let me know the correct CSS to add?

    2. Similarly, for a mobile browser, I’d also like to adjust it. I’ve seen code such as the following posted on different threads:

    @media only screen and (max-device-width: 1024px) {
.av-parallax.avia-full-stretch.enabled-parallax.active-parallax {
background-position: 50% -30% !important;
}}

    Could you please advise how to apply the same CSS from question 1 to a mobile browser?

    Thank you!

    • This topic was modified 7 years, 7 months ago by jabbler.
    March 13, 2017 at 6:17 pm #760163
    Yigit

    Hey jabbler,

    Sorry for the late reply!

    Please edit your Color Section element and give it a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png and then add following code to Quick CSS in Enfold theme options under General Styling tab

    @media only screen and (max-device-width: 1024px) {
#your-unique-id {
background-position: 50% -30% !important;
}}
#your-unique-id {
background-position: top center !important;
}

    Best regards,
    Yigit

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