• 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

Andy.N

Well-known member
#1
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
 

EQnoble

Well-known member
#2
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;
}
 

Andy.N

Well-known member
#3
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;
}
It does not make any difference. I'm using Flexile style, btw
 

EQnoble

Well-known member
#6
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

Well-known member
#7
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?
 

Brogan

XenForo moderator
Staff member
#9
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.
 

EQnoble

Well-known member
#10
I could be wrong but I believe he wants something like this:

View attachment 44586

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.
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.
 

EQnoble

Well-known member
#12
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

Well-known member
#13
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.
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;
}
 

EQnoble

Well-known member
#14
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