Tagged: ,

Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
    Posts
  • January 20, 2015 at 12:42 pm #382398
    Munford

    Hi Kriesi-gurus

    a couple of questions:
    I just made a child theme for my site, and updated all my settings. The theme is activated, Enfold up to date, and now some of my quick css changes are not taking effect, especially on the landing page–for example this code is not working:
    /*disable icons in front page boxes*/
    .iconbox_icon {
    display: none!important;
    }
    and many others, but not all!?
    I’m not sure what’s going on here. I tried to add all the quick css code to the child theme in the editor, but then none of it worked. Can you help me with this? I just added it below the /*Add your own styles here:*/ which I thought was right. I have cleared my cache multiple times. I also am having trouble with the advanced styling – I edited the h1, h2, h4 elements but am now not seeing changes since I switched to my child theme.

    also: On http://andes-world-travel.flywheelsites.com/trips/climb-col-11-a-b/ , I need to decrease the margin on the right side of the tab section (beside the sidebar) from 50px to 30px to match the left side but I can’t find the right code. I have the container padding set to 30px but it’s not taking effect now (see above). Can you help me out?
    Thanks
    Nancy

    • This topic was modified 9 years, 3 months ago by Munford.
    January 20, 2015 at 9:23 pm #382709
    Elliott

    Hey Munford!

    I tried viewing your link but it’s asking for a password.

    Regards,
    Elliott

    January 20, 2015 at 10:15 pm #382744
    Munford
    This reply has been marked as private.
    January 21, 2015 at 6:36 pm #383244
    Elliott

    Hey!

    I’m not sure. I see it in your stylesheet and it’s loading fine. My guess is there is a typo somewhere but I could not find it. What happens when you add the line to the top of the stylesheet? Does it get applied then? If so then there surely is a typo somewhere.

    For your second question I think what your wanting is this.

    .content .entry-content-wrapper {
  padding-right: 50px;
}

    Best regards,
    Elliott

    January 21, 2015 at 7:52 pm #383302
    Munford

    HI Elliot
    None of my quick css is being applied from my child theme.
    Before I made it all was working fine. Is there an issue when you make a child theme after you have built a site? I think it’s all set up right, but none of my customization is working.
    ??
    Nancy

    January 22, 2015 at 10:43 am #383576
    Munford

    any ideas? none of my css is working on my child theme. kind of frustrating as I am working on customization on the site.
    thanks
    Nancy

    January 22, 2015 at 6:22 pm #383857
    Yigit

    Hey Nancy!

    Do you mind creating a temporary admin login and posting it here privately?

    Cheers!
    Yigit

    January 22, 2015 at 9:18 pm #383994
    Munford
    This reply has been marked as private.
    January 23, 2015 at 5:08 pm #384439
    Munford

    anyone?

    January 23, 2015 at 5:23 pm #384449
    Yigit

    Hey Nancy!

    There was an unclosed media query and wrongly placed comment in Quick CSS field, i fixed them and now it is working fine. Please review your website

    Best regards,
    Yigit

    January 24, 2015 at 12:36 pm #384856
    Munford

    Thanks Yigit –
    I looked at the site and it was indeed improved but now I am again seeing my quick css changes not dsiplaying.
    I have for instance this:
    .widgettitle{
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    }
    and yet the font is displaying at 600 & when I look at the inspector it is this:
    .widgettitle {
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 14px;
    }
    I have cleared the cache many times. no change. I also now see that my h4 heading, which after your fixing the site displayed correctly in blue #2d5c88, are now black again. I did not change those settings. Not sure what is going on here. Also this is not working, though it was before I added the child theme:
    /*padding sides*/
    .container {
    padding: 0px 30px;
    }
    .content .entry-content-wrapper {
    padding-right: 30px!important;
    }

    It is displaying and still listed in the inspector at a 50px padding.

    I am still seeing icons on my landing page & in my portfolio grid overlays.
    I have this:
    /*disable icons in front page boxes*/
    .iconbox_icon {
    display: none!important;
    }

    /*disable icon on overlay but keep transparency*/
    .image-overlay .image-overlay-inside {
    display: none;
    }
    ?? Should I be putting all my css changes in the child theme? I don’t get what’s happening.

    A general question about child themes and how to use them – after I have all my quick css changes is it good to just copy them to the child theme files? what is a smart way to use the child theme during development, as I tend to go back and forth on styling.
    thanks for your continued help,
    Nancy

    • This reply was modified 9 years, 3 months ago by Munford.
    January 25, 2015 at 5:54 pm #385137
    Munford

    I am also seeing that I am getting extra padding/margins on the mobile = although css styling is displaying correctly there that doesn’t on my PC. ??

    January 27, 2015 at 2:37 pm #386219
    Munford

    Still only some of the quick css on my child theme is working, have cleared the cache, checked the code. Some of it is taking effect on the mobile instead (.content .entry-content-wrapper {padding-right: 30px!important;} for example shows on the phone but not on the PC).
    I really want to keep the child theme, but this is frustrating. Any ideas?

    January 27, 2015 at 2:41 pm #386223
    Yigit

    Hi!

    Can you please check your website once again? I found one more unclosed media query and closed it.

    Cheers!
    Yigit

    January 27, 2015 at 3:50 pm #386307
    Munford

    nope. still showing all the icons and image overlay icons, and my fonts are not correct. The advanced styling is only working on the mobile.

    January 28, 2015 at 9:18 am #386816
    Ismael

    Hey!

    You forget to close one of the media queries:

    @media only screen and (max-width: 480px) {
.content, .sidebar {
padding-top: 10px;
padding-bottom: 10px;
}

    We edited the css. Please check it now.

    Regards,
    Ismael

    January 28, 2015 at 11:02 am #386879
    Munford

    Hi Ismael
    Thanks for your help. Strange but I started copying my css and pasting it at the top of the quick css and then the changes took effect. I am only seeing an error now on the mobile where my content has a 30px padding on the right side, but I will check through the code again.
    thanks for your help
    nancy

  • Author
    Posts
Viewing 17 posts - 1 through 17 (of 17 total)
  • The topic ‘child theme css errors, decrease tab margins’ is closed to new replies.