Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 16, 2020 at 3:30 pm #1253283
    1848

    Hey!
    I am struggling to get the CSS to respond to my changes. It seems like no matter how or where I try to change the CSS won’t react to the changes. I’ve tried Quick CSS, Enfold Child CSS within WordPress, and through FTP.
    Any suggestions on what I can do to make it work?

    Thanks

    October 17, 2020 at 1:40 pm #1253479
    Nikko

    Hi 1848,

    The problem maybe due to caching either by a caching plugin or an internal caching in your server.
    Please try to flush out the cache and maybe clear the browser cache.

    If it doesn’t work, please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( to be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create an admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    October 20, 2020 at 12:24 pm #1254330
    1848

    That seemed to work! Thank you so much.

    There is one more thing, I am struggling with. I have used the blog layout on my front page, which I have 4 different rows of, as I need a different amount of rows in them (3, 2, 3). I would like to give each row different color and have created a custom class for each row “second-blog-row, third-blog-row” etc., but I think I might be catching the CSS wrong, as I have only managed to give all “slide-content” the same color.

    Is there an easier or better way to catch each row or each column in the rows?

    Thank you,
    Bjork

    October 20, 2020 at 12:27 pm #1254332
    Yigit

    Hey Bjork,

    Could you please post a screenshot and show the changes you would like to make?
    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.

    Temporary logins would help as well as your website is currently in a maintenance mode :)

    Best regards,
    Yigit

    October 20, 2020 at 1:01 pm #1254349
    1848

    Hey,

    I have provided a login and screenshot of what I am trying to achieve in private content

    Thank you for quick reply

    October 20, 2020 at 3:34 pm #1254398
    Yigit

    Hi,

    Please use the code as following instead

    .second-blog-row .slide-content {
    background-color: #add8e6;
}
.third-blog-row .slide-content {
    background-color: red;
}
.fourth-blog-row .slide-content {
    background-color: orange;
}

    You have already gave custom CSS class to your elements so it is easy to target each element separately :)

    Best regards,
    Yigit

    October 21, 2020 at 10:12 am #1254592
    1848

    Perfect! Thank you so much.

    Found out the reason it wasn’t responding, was because I had given the blog layout rows the same name as ID when I was testing the different options. Thank you :)

    October 21, 2020 at 12:21 pm #1254622
    Nikko

    Hi 1848,

    We’re happy to hear that :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Quick CSS and Enfold Child: style.css not working’ is closed to new replies.