13 {{ upvoteCount | shortNum }}
13 {{ upvoteCount | shortNum }}

NEED HELP IN STYLE.CSS

by deepsk
11 replies
  • WEB DESIGN
    • |
Hi, guys i need little help abt css. I have set featured image, but images are showing upper side of post i want images to be appear in left side of post with proper width and height. plz help me out.. thanx in advance
#stylecss
  • Profile picture of the author RobinInTexas
    Try disabling the plugin that's managing your images, I suspect it's Revslider.

    I personally would never depend on javascript to present images on a website.
    Signature

    Robin



    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[8892509].message }}
  • Profile picture of the author deepsk
    ya i tried deactivating plugin but nothing worked i thing i need to change image float setting in css but iam lil confused
    {{ DiscussionBoard.errors[8892572].message }}
  • Profile picture of the author Marketer Matt
    Originally Posted by deepsk View Post

    Hi, guys i need little help abt css. my blog is userspoint.com very simple and plain blog i have set featured image, but images are showing upper side of post i want images to be appear in left side of post with proper width and height. plz help me out.. thanx in advance
    Try adding this to your style.css

    Code:
    #post-container .post-content {
    width: 60%
}

#post-container .date-and-formats {
    padding-left: 20px;
}

#post-container .flexslider .post-slideshow {
    float: left;
    width: 150px;
}
    Signature
    {{ DiscussionBoard.errors[8892580].message }}
    • Profile picture of the author deepsk
      Hi Marketer Matt, i tried your code but again nothing happened it showing the same, No changes only anyone can help me ...
      {{ DiscussionBoard.errors[8892996].message }}
  • Profile picture of the author IzRush
    try adding this into your css:

    .flexslider.post-slideshow{
    float:left;
    }

    post-content-container{
    width:515px;
    float:right;
    }

    make sure the flexslider.post-slideshow doesn't have spaces. It needs to include both. With that I was able to achieve what you wanted, the image on the left of the post, however I find that it doesn't look as good. You may want some additional css styling to move the post date and the book image thing on the bottom of the image.
    [spoiler]

    [/spoiler]

    The above image represents what you want, correct?
    {{ DiscussionBoard.errors[8893083].message }}
    • Profile picture of the author deepsk
      Thanx Izrush your code worked but images not properly set, How images can be fit properly sorry dont mind but i dont know much abt coding
      {{ DiscussionBoard.errors[8893130].message }}
  • Profile picture of the author IzRush
    Where and how would you like the image to fit? Height wise? I'm not sure I understand what you mean exactly.

    If you could maybe draw a picture on paint to illustrate what you're looking to achieve, it might be easier for me and others to understand
    {{ DiscussionBoard.errors[8893192].message }}
    • Profile picture of the author deepsk
      H, Izrush sent you pm plz check it. thanx
      {{ DiscussionBoard.errors[8894535].message }}
  • Profile picture of the author sham2
    You need to float left your images and float your text to set you post. I also face this problem and i solved it when i use this code.
    {{ DiscussionBoard.errors[8894638].message }}
    • Profile picture of the author deepsk
      Thanx for the reply sham. now images are set in the left side but posts are not looking good. can you help me in posts so it looks perfect.
      {{ DiscussionBoard.errors[8894685].message }}
  • Profile picture of the author RobinInTexas
    I looked again and your images are not displaying at all now.

    Try adding this to your .css if you restore the images

    Code:
    #post-container img { height:auto }
    That may prevent some of the distortion as seen in the above image.
    Signature

    Robin



    ...Even if you're on the right track, you'll get run over if you just set there.
    {{ DiscussionBoard.errors[8895636].message }}

Trending Topics