Hooking images

[Designinfo]

I want to get a new image on the right-hand side . Right column blank side , where I have written here. 

 

Please note after uploading a new image in the theme configurator and hooking it to the HOOK ( Home) section is not solving the problem. Hooking to the right , left , top column make the image disappear .

 

Please note I have deleted the default images from the hook top , bottom , right and footer section. 

 

Will I have to make changes in the CSS file to float it to right side?

 

I do not have right column enabled .

I have the left column enabled.

 

Attached images.

 

If any coding is required please mention the exact file and the exact code.

 

 

 

CSS FILE

 

/* Home hook CSS */

#htmlcontent_home ul {

  margin: 0 -5px; }

  #htmlcontent_home ul li {

    padding: 0 5px 10px; }

    @media (max-width: 479px) {

      #htmlcontent_home ul li {

        width: 100%; } }

    #htmlcontent_home ul li img {

      max-width: 100%;

      height: auto; }

      @media (max-width: 479px) {

        #htmlcontent_home ul li img {

          min-width: 100%; } }

    #htmlcontent_home ul li.htmlcontent-item-1 {

      width: 66.6667%; }

      @media (max-width: 479px) {

        #htmlcontent_home ul li.htmlcontent-item-1 {

          width: 100%;

          float: right; } }

    #htmlcontent_home ul li.htmlcontent-item-2 {

      width: 66.6667%; }

      @media (max-width: 479px) {

        #htmlcontent_home ul li.htmlcontent-item-2 {

          width: 100%; } }

    #htmlcontent_home ul li.htmlcontent-item-3 {

      width: 66.6667%; }

      @media (max-width: 479px) {

        #htmlcontent_home ul li.htmlcontent-item-3 {

          width: 100%; } }

 

/* Top hook CSS */

  #htmlcontent_top {

    float: right;

    width: 33%;

    max-width: 391px;

    padding-left: 5px;

}

  @media (max-width: 767px) {

    #htmlcontent_top {

      width: 100%;

      max-width: 100%;

      padding-left: 0;

      padding-top: 0px; } }

  @media (max-width: 767px) {

    #htmlcontent_top ul {

      margin: 0 -5px; } }

  #htmlcontent_top ul li {

    width: 100%;

    margin-bottom: 10px; }

    @media (max-width: 767px) {

      #htmlcontent_top ul li {

        float: left;

        padding-left: 5px;

        padding-right: 5px;

        width: 50%; } }

    #htmlcontent_top ul li:last-child {

      margin-bottom: 0; }

    #htmlcontent_top ul li img {

      max-width: 100%;

      height: auto; }

 

/* Left hook CSS */

/* Right hook CSS */

/* Footer hook CSS *

 

 

 

 

 

[GoFenice]

Do you have any url for checking ?

[Designinfo]

designinfo.in