1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

RM 1.0 Location of Watch this resource

Discussion in 'Resource Manager Support' started by Andy.N, Apr 16, 2013.

  1. Andy.N

    Andy.N Well-Known Member

    I have mostly fileless resources and I'd like to know how to remove the Watch this Resource link lower since it seems to block the title to fully span the whole line.
    Ideally, it would stay to the right of the tagline.

    Maybe some CSS trick.

    Screen Shot 2013-04-16 at 10.02.34 AM.png
     
  2. EQnoble

    EQnoble Well-Known Member

    you could try adding these properties to this selector and change it how you see fit...

    .resourceInfo .primaryLinks.noButton {
    left: 680px;
    margin-top: 1px !important;
    position: absolute;
    }

    edit:
    n/m that above...it's trash

    this is what you need to override to make this happen with the most minimal changes...

    Code:
    .resourceInfo h1 {
        margin-top: 17px;
    }
     
    .resourceInfo .primaryLinks.noButton {
        margin-top: 0;
    }
     
  3. Andy.N

    Andy.N Well-Known Member

    It does not make any difference. I'm using Flexile style, btw
     
  4. EQnoble

    EQnoble Well-Known Member

    Where did you add that?
     
  5. Andy.N

    Andy.N Well-Known Member

  6. EQnoble

    EQnoble Well-Known Member

    Just on a hunch...try removing it from extra.css and adding it to the very end of the resource_view.css template like this with the !important in there

    Code:
    .resourceInfo h1 {
        margin-top: 17px !important;
    }
     
    .resourceInfo .primaryLinks.noButton {
        margin-top: 0 !important;
    }
     
    Andy.N likes this.
  7. Andy.N

    Andy.N Well-Known Member

    It works but the title and the avatar is not lining up properly like before on the RM index page as well as the individual resource page.

    Must be padding somewhere?
     
  8. EQnoble

    EQnoble Well-Known Member

    I am having a hard time understanding what you want....

    do these pictures describe what you want?

    1.png 2.png 3.png
     
    Andy.N likes this.
  9. Brogan

    Brogan XenForo Moderator Staff Member

    I could be wrong but I believe he wants something like this:

    Screen Shot 2013-04-16 at 10.02.34 AM.png

    Of course, a longer tagline will cause it to wrap.

    I would be tempted to say that a template edit and associated changes may be the best option.
     
    Andy.N likes this.
  10. EQnoble

    EQnoble Well-Known Member

    Well I did the above images with css only and the reason I did it the way I did it is it allows for the title to go end to end without interfering with the watch this resource clickable when there is a long title like the first and third images I posted.

    I could do the same alignment you were showing with css only as well like this...
    gdfgddfsg.png
    but the whole reason I put the watch resource above it was so in the event that a title was very long it wouldn't have to move the alignment of the watch clickable or end up overlapping it nor would have to deal with the length of the tagline.
     
  11. Andy.N

    Andy.N Well-Known Member

    My question is that how to fix the issue of the title and the avatar not align correctly. In your images, the title is a bit higher up but on my site, it was way down in middle of the avatar.
     
  12. EQnoble

    EQnoble Well-Known Member

    Try using this css and see if it places it how you like...mind that without this style installed with the RM I am limited to testing on the public side of your site so it may need tweaking.


    Code:
    .resourceInfo {
        padding-top: 10px !important;
    }
     
    .resourceInfo h1 {
        margin-top: 0 !important;
    }
     
    .resourceInfo .primaryLinks.noButton {
        font-size: 10px !important;
        margin-top: -13px !important;
    }
     
    Andy.N likes this.
  13. Andy.N

    Andy.N Well-Known Member

    I made some minor change to the last piece of code and it seems to work really well for short/medium length title. It all works inside extra.css now (because of the !important) so it's even better.
    Ultimately, it comes down to the length of the title which I have little control over.
    Thanks again for your excellent support.
    Code:
    .resourceInfo {
        padding-top: 10px !important;
    }
     
    .resourceInfo h1 {
        margin-top: 0 !important;
    }
     
    .resourceInfo .primaryLinks.noButton {
        font-size: 11px !important;
        margin-top: -8px !important;
    }
     
  14. EQnoble

    EQnoble Well-Known Member

    In case you were wondering, that is why I added the space up top...without editing templates it is the only way you can do it and have it be full length like this where I added text to the title to show how I was intending it...I also thought the added space looked good up top because it more closely matches the padding to the left of the avatar.
    thid.png
     
  15. Brogan

    Brogan XenForo Moderator Staff Member

    Have you checked the RM here lately?

    ;)
     
    Andy.N likes this.
  16. Andy.N

    Andy.N Well-Known Member

    Thanks. All our efforts have been wasted and answered. Love it. hahaha
    The new location is perfect.
    Thanks Mike.
     
    CyberAP and Mike like this.
  17. Andy.N

    Andy.N Well-Known Member

  18. Brogan

    Brogan XenForo Moderator Staff Member

    Try:
    Code:
    .resourceInfo .resourceImage .resourceIcon {
    margin-top: 15px;
    }
     
    Andy.N likes this.

Share This Page