Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 18, 2015 at 9:45 pm #555221
    ronmann

    I have tried to create a class in the box to use with my style.css file. Here are two examples:

    (1) #top .av-special-heading .av-seminarHeading, h3 {
    background-color: green;
    line-height: 2.5em;
    color: white !important;
    padding-left: 4%;

    }

    (2) #top .av-img .av-headshot {
    -webkit-box-shadow: 4px 4px 3px #000000;
    box-shadow: 4px 4px 3px #000000;
    }

    Number 1 changed all h3 headings, not just one one heading on the page I identified. How do I make the code more specific?

    Number 2 did nothing. I want to place a drop shadow behind images.

    I know I am doing something wrong but cannot figure out what.
    Thanks for any help you can provide.

    December 18, 2015 at 9:47 pm #555222
    Andy

    Hey ronmann!

    you need to turn on custom class for all ALB elements: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Regards,
    Andy

    December 18, 2015 at 10:21 pm #555240
    ronmann

    Andy,
    Yes, I should have mentioned that I have done this. I made the addition to the functions file but still have the problem. Any other ideas?

    December 18, 2015 at 10:25 pm #555244
    ronmann

    Andy
    for example, the following code is right above the previous code in my style.css file and it works fine.
    #top .avia-seminarsTable, th, td {
    border: 1px solid black;
    text-align:center;

    }

    #top .avia-seminarsTable, th {
    background-color: #4CAF50;
    color: green;
    table-layout: fixed;
    }

    What am I missing with the previous code?

    December 20, 2015 at 6:33 am #555545
    Rikard

    Hi,

    I think it would be easier if you linked to the page in question and tell us what changes you would like to make. But for instance, this code:

    #top .av-special-heading .av-seminarHeading, h3 {
background-color: green;
line-height: 2.5em;
color: white !important;
padding-left: 4%;
}

    is saying “apply to #top .av-special-heading .av-seminarHeading and all h3 elements”, I’m guessing you want to remove the comma?

    Thanks,
    Rikard

    December 20, 2015 at 3:44 pm #555595
    ronmann

    Hi Rikard,
    right now this site is in development and not on online. When I remove the comma then nothing happens. I am thinking maybe I am not stating an “id” for the specific page. Could this be the issue? If so, how do I define a specific page so the css is very specific? Thanks for any help you can provide.
    Ron

    December 20, 2015 at 9:02 pm #555657
    Basilis

    Hey!

    If we can not see it, it is hard to allocate the selector properly for you!
    Pelase do let us know when you have it live, I am sure we will be able to help asap.

    Cheers!
    Basilis

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