How to style the image in sidebar the same way as that inside page content

  • Author
    Posts
  • #26941
    Mrpatel

    Hello everyone,
    I am a beginner in wordpress and still learning about this CMS on my PC. I want to style an image in sidebar in the same way as that of an image inside my page. Let me try to explain what I am trying to say. I made a page and added an image inside it. I added a caption to that image. In the preview, the caption is displayed “on the image” with a grayish backgrund effect from bottom side. It looks really appealing. I want to do the same thing with image in sidebar. When I add an image in sidebar with caption, the image just shows up with the caption written below the image. How do I style the sidebar image the same way as that of image inside a page?
    Hope to receieve help ASAP 🙂
    And BTW,developers of this theme, Its awesome theme.
    Regards
    Mrpatel

    #27006
    Kay
    Cryout Creations mastermind

    Hi,

    This depends on what style you use for the images inside your pages. If you could show me a link to your site I’d be able to give you the CSS for the sidebar.


    Before posting consider reading our short theme debugging instructions.
    Please read the FAQs: MantraNirvanaParabolaTempera
    Tutorials: custom menustranslating themeinstalling themecategory page with introdisabling comments Wordpress: child themescategories/posts
    Before making any modifications to your theme we strongly recommend using Child Themes.
    #27021
    mrpatel

    Hello kay,
    Thanks for your support.elecon.staging.wpengine.com/resistors/calculate-resistance-using-colour-codes. There is an image in the top-left corner of the page. It contains caption and a link to the photographers profile. That image is having kinda greyish layer starting from bottom. Due to that, the caption and the link looks really appealing. I want to achieve the same thing with the images in sidebar. I want to use such images to create links to similar pages on my website.I really hope to receive help from you Kay. 🙂
    Regards
    Mrpatel
    Here is the link to the site :

    #27022
    mrpatel

    Oops sorry, I made mistake while typing, i was using mobile browser.
    Here is the link: http://elecon.staging.wpengine.com/resistors/calculate-resistance-using-colour-codes/

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘How to style the image in sidebar the same way as that inside page content’ is closed to new replies.