Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 9, 2020 at 9:44 pm #1171969
    steed

    The green area is what I’m trying to remove (or shrink).
    Needing a little primer on how to make my own custom css

    I’ve tried several variations of the following custom CSS, but my problem is that I’m only pretending to be a web developer — I understand the basics of the language, I have memorized many of the verbs and nouns, but when it comes to stringing together coherent sentences, I am kind of lost. 

    #main.content.av-content-full.alpha.units {
display: none;
}

    In this example, I know I have to tell that green box to hide. What I don’t understand is how to accurately address that green box, and which instruction will cause it to hide.

    So I’m really asking for 2 things:
    1. the right Custom CSS code to use
    2. either a little tiny lesson on how to correctly parse the code you’re giving me or a link to a good explanation/lesson.

    Thank you.

    January 10, 2020 at 6:46 am #1172061
    Rikard

    Hey Thomas,

    Please try the following in Quick CSS under Enfold->General Styling:

    .template-single-blog .content {
  padding-top: 0 !important;
}

    Best regards,
    Rikard

    January 22, 2020 at 11:44 pm #1177355
    steed

    Hi Rikard,

    Can you please take one more look? I had to make a change to the post types.
    Thank you.

    page: https://jorvik.press/books/sex-and-violence-in-tibetan-buddhism-the-rise-and-fall-of-sogyal-rinpoche/

    January 23, 2020 at 7:50 pm #1177829
    Victoria

    Hi steed,

    Best regards,
    Victoria

    January 23, 2020 at 8:51 pm #1177856
    steed

    Hi Victoria,

    Whoops! I’m so sorry. Try this shorter one.

    Sex and Violence in Tibetan Buddhism, The Rise and Fall of Sogyal Rinpoche

    January 24, 2020 at 9:40 am #1178039
    Rikard

    Hi,

    Please try this as well:

    .template-single-blog .content {
    padding-top: 10px;
}

    Best regards,
    Rikard

    January 24, 2020 at 9:57 am #1178050
    steed

    Hi again,
    Your second QuickCSS looks almost the same as the first one, and neither are working on the page I’m testing on:

    Sex and Violence in Tibetan Buddhism, The Rise and Fall of Sogyal Rinpoche

    I must be missing something. Thanks for helping me understand.

    January 25, 2020 at 8:51 am #1178277
    Rikard

    Hi,

    Please leave the CSS we are giving you in there, otherwise we can’t see the problem. The last piece of CSS is not applying at all for instance, are you selecting to delete the old CSS and JS files under Enfold->Performance before checking the results?

    Best regards,
    Rikard

    January 30, 2020 at 8:49 pm #1180073
    steed

    Hi Rikard,

    I think you might have looked in on my issue when I was working on another one and had removed all the QuickCSS as an experiment. Sorry about that!

    I have changed several things in the last few days, so I’d like to ask you to take yet another quick look, and I have a question about your previous suggestions.
    You first said to try this:

    .template-single-blog .content {
  padding-top: 0 !important;
}

    …then later you said “Please try this as well:”

    .template-single-blog .content {
    padding-top: 10px;
}

    I am unclear whether you want me to replace the first quickCSS with the second one, or add include second one in addition to the first.

    I want to reduce the height of the white space at the top of my pages — product pages and regular pages — (see the green area in my screenshot above) by half.

    Thank you.

    January 31, 2020 at 5:33 pm #1180302
    Victoria

    Hi steed,

    Please remove the code given added before and add this one:

    
#top #wrap_all #main .content {
    padding-top: 10px;
}

    Best regards,
    Victoria

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