CSS issues

Aman
Aman
Offline
0
Hi

I am having some CSS issues when it comes to spacing of the divs. This seems to be an issue on album page.

There is a space of 30px or so between album coverart and the text. This doesn't seem to be right as per the Joomlathat demo pages. There's also this issue of the three vertical dots that don't do much and don't seem to go away.

http://www.sikhroots.com/audio-mp3/h/49-bhai-harjinder-singh
Responses (8)
  • Accepted Answer

    Wednesday, April 12 2017, 10:44 AM - #Permalink
    0
    have you changed any HTML code in the album template? looks like you may have...
    The reply is currently minimized Show
  • Accepted Answer

    Aman
    Aman
    Offline
    Thursday, April 13 2017, 06:44 AM - #Permalink
    0
    Nope, I have made no changes to the HTML album template code.
    The reply is currently minimized Show
  • Accepted Answer

    Thursday, April 13 2017, 10:16 AM - #Permalink
    0
    hello

    this is very weird, if you look at the code it is breaking the album HTML code in two. you didn't modify ANY code on Music Collection? nothing at all?
    The reply is currently minimized Show
  • Accepted Answer

    Aman
    Aman
    Offline
    Friday, April 14 2017, 07:04 AM - #Permalink
    0
    No, I am pretty sure I have not modified anything.
    The reply is currently minimized Show
  • Accepted Answer

    Aman
    Aman
    Offline
    Tuesday, April 18 2017, 07:11 AM - #Permalink
    0
    Any suggestions...?
    The reply is currently minimized Show
  • Accepted Answer

    Tuesday, April 18 2017, 10:33 AM - #Permalink
    0
    can you try adding to your CSS:

    .details{
    margin-top: -30px;
    }
    The reply is currently minimized Show
  • Accepted Answer

    Aman
    Aman
    Offline
    Tuesday, April 18 2017, 10:44 PM - #Permalink
    0
    Germinal, the issue I am having just seems to be on albums displayed when viewing artist pages. Everywhere else (on main muscol page etc) it seems to be fine. So when I add the above CSS, it does look ok where it is broken on the artist page displaying albums, but everywhere else where .details div is fine, it then breaks it by going -30px.
    The reply is currently minimized Show
  • Accepted Answer

    Aman
    Aman
    Offline
    Tuesday, April 18 2017, 11:00 PM - #Permalink
    0
    In the meantime, I have made it look a bit better with this:-

    #album_search_results .details{
    margin-top: -30px;
    }

    .btn-more-options {
    display:none;
    }

    #album_search_results .details-inner{
    padding:5px;
    }
    The reply is currently minimized Show
Your Reply