Alignment CSS conflict

timpennington

Greetings:

I installed CMSJunkie's J-Business Directory and there are a few alignment conflict issues that the developer says I should ask you all about.

When presenting a "Claim this Business" form at https://finishingandcoating.com/index.php/vacuum-pvd/jd1?view=businessuser&claim_listing_id=1354 the form listings are flush right when I would like them to be flush left as they normally would look. Is there anything you see on the CSS that would make it do that?
Also, in the "Search" box at https://finishingandcoating.com/index.php/category/electroplating, the search box appears wider than it should be; again, is there a setting in CSS I should add as custom?

Thank you!

saguaros

timpennington Also, in the "Search" box at https://finishingandcoating.com/index.php/category/electroplating, the search box appears wider than it should be; again, is there a setting in CSS I should add as custom?

Upon inspecting the element, you will observe that the CSS style from their component (/media/com_jbusinessdirectory/css/search-module.css) sets the width of the search box to 260px:

#searchform #searchkeyword {
    width: 260px;
}

I am curious as to why they directed you to us for this issue.

Nevertheless, I have updated the custom.css for you accordingly.

timpennington

Thank you for looking at this.

I don't see that the search box has been shortened on the page; I also don't see the custom.css in the file. I looked in custom.css but maybe I missed it.

As for the other issue (the align left in instead of align right), the CMSJunkie people directed me back to my template when they wrote "This a CSS conflict you the template. You need to inspect the CSS code and see why the labels are aligned right." Are you able to tell why it aligns left?

Thank you

saguaros

I updated this code:

.jbd-container.jbd-edit-container .user-details label {text-align: left;}
form#keywordSearch #searchkeyword {width: inherit;}

Maybe cache on your browser, you can try to clear it first.

timpennington

Thank you!

saguaros

You're welcome 😉

If you're in need of urgent assistance or custom works, you can reach me directly via:

Email: devnjoo@gmail.com
WhatsApp: +84985847208
Skype : hiennm88
Telegram: heinzz8