Forum Support

Shape 5
March 28, 2024, 09:32:23 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Layout problems: white arrows are shown behind the text, profile picture  (Read 877 times)
scheer72
Jr. Member
**
Offline Offline

Posts: 14

Gravatar


« on: 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
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #1 on: 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,
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
scheer72
Jr. Member
**
Offline Offline

Posts: 14

Gravatar


« Reply #2 on: 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

Logged
scheer72
Jr. Member
**
Offline Offline

Posts: 14

Gravatar


« Reply #3 on: May 16, 2016, 09:09:35 PM »

Screenshot 2 and 3
Logged
scheer72
Jr. Member
**
Offline Offline

Posts: 14

Gravatar


« Reply #4 on: May 16, 2016, 09:10:21 PM »

Screenshot 4
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #5 on: May 17, 2016, 11:33:38 AM »

Just click on the little chat bubble under my avatar.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
scheer72
Jr. Member
**
Offline Offline

Posts: 14

Gravatar


« Reply #6 on: 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 !
Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #7 on: 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/
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #8 on: 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:

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

Code:
.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.
Logged

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
scheer72
Jr. Member
**
Offline Offline

Posts: 14

Gravatar


« Reply #9 on: 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

Logged
jonahh
Administrator
*****
Offline Offline

Posts: 23789



WWW
« Reply #10 on: June 21, 2016, 01:47:14 PM »

You just need to edit the one line below and delete this:

Code:
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

Code:
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:

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

Jonah Hall
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.