Shape 5

Joomla Templates => Campus Life - Club => : scheer72 May 16, 2016, 01:38:50 AM



: Layout problems: white arrows are shown behind the text, profile picture
: scheer72 May 16, 2016, 01:38:50 AM
Hi again, sorry to bother you, but I have three more questions:

1) The white arrows for further information are displayed behind the text.

2) Say what's on your mind: gets displayed a bit too low, so it's hardly not readable any more, www.uestc-global.jadiliano.org/index.php...bal-network/profile, on the page www.uestc-global.jadiliano.org/index.php/global-network as well. If you like to publish a new status or something new, the text "say whats..." is displayed just partly, just the upper 50%, the lower part of the text can't be seen.

Similar for the module members search on the right sidebar. The text is not fully visible, the lower part is cut off a bit.

3) The profile picture doesn't get displayed.

Might I ask you please what to do?

Thanks and have a nice week!

Martin


: Re: Layout problems: white arrows are shown behind the text, profile picture
: jonahh May 16, 2016, 11:50:49 AM
Hello,

Nice job on the site, its looking nice and professional

1. I can't find this issue, can you post a screenshot?

2. Do you need to be logged in? I don't see this on screen. If you can give me login credentials I can take a look

3. I would also need login for this. #2 and this one are more Jomsocial issues than Shape5 but I'll still take a quick look for you. It might be a simple CSS adjustment.

Thanks,


: Re: Layout problems: white arrows are shown behind the text, profile picture
: scheer72 May 16, 2016, 09:08:22 PM
Hi jonahh,

thanks, glad that you like the layout and site, template is really great, must hand this project in in about 3-4 weeks ;-)).

How can I send you the access details so they don't get visible to the community?

Yes, and all problems just appears after I get logged in.

Screenshot 3: like, share etc ... the white arrow gets displayed behind the text. The same issues appears with nearly all blue fields

Screenshot 4: groups and categories can't be read. Is it possible to make the field a bit higher?? Thanks.

I already contacted Jomsocial as well .... told me to contact you ;-)) Thanks for your help!!

Have a nice day, and many greetings!

Martin



: Re: Layout problems: white arrows are shown behind the text, profile picture
: scheer72 May 16, 2016, 09:09:35 PM
Screenshot 2 and 3


: Re: Layout problems: white arrows are shown behind the text, profile picture
: scheer72 May 16, 2016, 09:10:21 PM
Screenshot 4


: Re: Layout problems: white arrows are shown behind the text, profile picture
: jonahh May 17, 2016, 11:33:38 AM
Just click on the little chat bubble under my avatar.


: Re: Layout problems: white arrows are shown behind the text, profile picture
: scheer72 June 05, 2016, 10:15:44 PM
Hi! I am currently in China, and therefore often not online during US working hours. Could you please send me an answer? Thanks a lot !


: Re: Layout problems: white arrows are shown behind the text, profile picture
: jonahh June 06, 2016, 01:46:52 PM
I just need login info to your site to help you with this.

Just click the little chat icon or go to this URL to send me a message:

http://www.shape5.com/component/option,com_smf/Itemid,75/action,pm/sa,send/u,134/


: Re: Layout problems: white arrows are shown behind the text, profile picture
: jonahh June 17, 2016, 03:37:01 PM
Ok I think the best option might be to remove the white arrow so it doesn't show behind certain buttons:

:
.btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton {
    background: rgba(0, 0, 0, 0) url("../images/button_arrow.png") no-repeat scroll right center !important;

You can find it located here at template.css line 137

Change it to:

:
.btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton {
    background: rgba(0, 0, 0, 0) !important;


Also the button text color is dark but I believe this is a Jomsocial setting. You should be able to change it to white so it looks better on the blue background of the button.


: Re: Layout problems: white arrows are shown behind the text, profile picture
: scheer72 June 21, 2016, 01:19:25 AM
Hi!!

I changed this at templates/campus_life/css yes?? Well, then parts of the website look strange, and the sidebar menus are wrong asw ell. The text which appears currently is:

.btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input#submitCommentButton {
padding:13px 40px 13px 30px;
margin-top:0px;
margin-bottom:0px;
font-size: 13px;
font-weight: 700;
border:none;
color:#FFFFFF !important;
cursor:pointer;
letter-spacing: 0;
text-decoration: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background:  url("../images/button_arrow.png") no-repeat scroll right center !important;}


What do I have to change?

And even more important: it's not possible to post status updates or any status in the corresponding field!! The field is "say what's on your mind" (this is also cut off at about half of its original height). You can't type anything into this field. This is one of the major field of the whole community.

Another error: under posts appears the field for "post a comment" - this is hardly visible, the text is cut off about at half of its regular height.

I asked at Jomsocial ... they told me all the errors are errors of the template.

Thanks a lot for your help!

Martin



: Re: Layout problems: white arrows are shown behind the text, profile picture
: jonahh June 21, 2016, 01:47:14 PM
You just need to edit the one line below and delete this:

:
background:  url("../images/button_arrow.png") no-repeat scroll right center !important

For the write comment input box just change the padding to the below on template.css line 94

:
padding: 9px 22px !important

For the whats on your mind just add the following CSS to the bottom of your custom.css file this should fix this, let me know if it doesn't:

:
textarea.input.input-status {
padding:2px 9px !important;}