Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 25, 2018 at 10:19 pm #946881
    jgmediasol

    Hey guys,

    *Note: I am starting a new thread on this unresolved last issue from an older thread.

    Thanks to @basilis so much for referring CSS hero! I love it and it has helped me make very desirable “front-end” styling changes to this Enfold site!

    I am however having a problem now on the “Services” page of our site. On the home and services pages, I was able to apply predefined “snippets” of CSS style code to each module I’ve developed. With one click I can change the styling of the heading, sub-heading and body text of each module’s content.

    That is until I get to “360 Tours” section/module and below. The styling won’t change when the CSS rules are applied via CSS hero. I have tried deleting the modules and rebuilding them, and still nothing!

    Please help! You can see attached screenshot. See how the heading/sub-headings and body text of “360 Tours” does not match “Floor Plans” above it? https://gyazo.com/05d989b883f0e8c09ab2c6fd9ac5e7bf

    Is there a conflict of styling code? I don’t see anything in the CSS box under Enfold menu. Thanks for the help!

    April 27, 2018 at 7:56 am #947698
    Victoria

    Hey Josh,

    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

    
.page-id-18 .avia-button-wrap.avia-button-center.avia-builder-el-no-sibling .avia-button.avia-position-center {
    color: #fff !important;
    text-transform: uppercase;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

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