CSS Editing Help PLEASE

  • Unknown's avatar
    queenthem · Member ·

    I continuously try to make an edit in my css, but it won’t save it.

    I simply paste or type:<div class=”flex-viewport” style=”overflow: hidden; position: relative;height: 900px;”>

    And it goes back to how it was originally (without the height change).

    What am I doing wrong?

    The blog I need help with is: (visible only to logged in users)

  • staff-happychia · Staff ·

    You are adding HTML, not CSS :-)

    CSS is the value of the style attribute in your code.

    so your ultimate CSS should be something like: 

    .some-class {
overflow: hidden;
position: relative;
height: 900px;
}

    May I know what are you hoping to do so I can help you better.

  • Unknown's avatar
    queenthem · Member ·

    Oh okay, thank you! I’m brand new to coding so I’m not sure how to change it so that it affects my code. I am trying to get the media image in my featured content smaller. It is way too big and I wanted to make that space smaller.

    The huge image is the first image on queenthem.com, if you would like to look.

    Thank you!

  • staff-happychia · Staff ·

    You can try this but this crops the lower part of the image.

    #featured-content .rp-big-one-content {
position: relative;
height: 800px;
overflow: hidden;
}

    Its original dimensions seem to be only 640 px by 480 px but it is stretched on the slider.

  • Unknown's avatar
    queenthem · Member ·

    Perfect! Thank you so much, chaitanyamsv

  • staff-happychia · Staff ·

    You are welcome. Cheers :-)

  • The topic ‘CSS Editing Help PLEASE’ is closed to new replies.