Joomla/Boarders

Hi

How does one remove the boarders than joomla creates when attempting to locate a logo or contact details on the top left and right hand corner? I want it to just be the logo - not with the boarder frame.

Thanks
shaunwinginAsked:
Who is Participating?
 
Abhijeet RananawareConnect With a Mentor Web & Mobile DeveloperCommented:
Go to template manager> click on templates tab > Go to you template > View files>

Edit template.csss
0
 
shaunwinginAuthor Commented:
Please help guys...........?
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
you need to put link to your website so we can tell you what exactly you need to remove from your css code.

Check css

for logo and remove border: property from logo class or ID.

Regards,
Abhijit
0
Free Tool: IP Lookup

Get more info about an IP address or domain name, such as organization, abuse contacts and geolocation.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
shaunwinginAuthor Commented:
www.a1telecoms.co.za - That is our website link. When you scroll down a little bit - you'll be able to see the Edit Published Article on every single article we have. How do we remove it?

Thanks
0
 
shaunwinginAuthor Commented:
And boarders. Thank you.
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Please add class in module class suffix of logo from module manager .

Add Class "noborder"  and let me know.

Regards,
Abhijit
0
 
shaunwinginAuthor Commented:
I am currently on the module manager but i am not too sure where you want me to add the class. "suffix of logo" - where is that?
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
After editing respective module (Logo module ) At right hand column ..you will find under Advanced Settings.
0
 
shaunwinginAuthor Commented:
Oh yes....Thanks - now i have found it but not sure if it has added correctly because the boarders are still there........what to do next?
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
I looked into it.Template is adding module outline to every module.

If I told you the changes .It will affect site wide .
0
 
shaunwinginAuthor Commented:
Its fine - you can give it to me,i want to eventually remove the border for the site as well - top and bottom border to be exact. If it doesnt work according to the changes i want,i can always change it back cant i?
0
 
Abhijeet RananawareConnect With a Mentor Web & Mobile DeveloperCommented:
Remove following code from template.css under class #rt-bottom .module-outline-1

   padding: 6px;
	-moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.1), -2px -2px 9px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 9px rgba(0,0,0,0.1), -2px -2px 9px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 9px rgba(0,0,0,0.1), -2px -2px 9px rgba(0,0,0,0.1);

Open in new window

0
 
shaunwinginAuthor Commented:
And then what do i replace it with?
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Nothing you have to remove not replace..Just backup template.css before you amend
0
 
shaunwinginAuthor Commented:
How do i access the template.css on my joomla administrator console?
0
 
shaunwinginAuthor Commented:
?
0
 
shaunwinginAuthor Commented:
I Found it thanks.......
0
 
shaunwinginAuthor Commented:
But now i am stuck on removing the to,bottom and logo boarders.....How do i do that?
0
 
shaunwinginAuthor Commented:
top
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
You want it like screenshot ?A1 Telecom
0
 
shaunwinginAuthor Commented:
Wow - yes that is exactly how i want it......secondly we want the top boarder touching the top and bottom touching the bottom if possible.....
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Find this code in
#rt-top .rt-block, #rt-bottom .rt-block {
margin: 0px;
-moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.1), -2px -2px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1), -2px -2px 9px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1), -2px -2px 9px rgba(0, 0, 0, 0.1);
background: url(../images/module-gradient.png) left bottom repeat-x white;
}

Open in new window


with
#rt-content-top .rt-block, 
#rt-content-bottom .rt-block{
	margin: 0px;
}

Open in new window



And for top border touching the top

Replace this code
#page-wraper {
width: 998px;
padding: 0px 37px;
margin: 20px auto 0px auto;
background: url(../images/background/shadow.png) 50% 0px no-repeat;
}

Open in new window


with this

#page-wraper {
width: 998px;
padding: 0px 37px;
margin: 0px auto 0px auto;
background: url(../images/background/shadow.png) 50% 0px no-repeat;
}

Open in new window



All these modifications you have to do in template.css
0
 
shaunwinginAuthor Commented:
Wow - i have managed to make the top boarder touch the top but not the bottom and i couldn't manage to remove the boarders of the logo and contact details at the top there - instead i removed the menu item tab ones,which i want to keep - not remove....Did i perhaps do something wrong???
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
#rt-content-top .module-outline-1,
#rt-content-bottom .module-outline-1{
 
  padding: 0px;
  margin: 10px 0px 6px 0px;
}
#rt-top .module-outline-2,
#rt-content-top .module-outline-2,
#rt-content-bottom .module-outline-2,
#rt-bottom .module-outline-2{
 
}



From 274 replace code with above code
0
 
shaunwinginAuthor Commented:
274 is which one?
0
 
shaunwinginAuthor Commented:
The Joomla Editor that i am using on my side doesn't have row numbers - so i am unable to see which row you are referring to,that's why i asked earlier "which one?" because i have no clue.
Using Joomla Administrator
This is link
http://www.a1telecoms.co.za/administrator/index.php?option=com_templates&view=source&layout=edit

Is there a way to upgrade this editor to show me line numbers please?

Thanks
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
No way to upgrade it ..

Find these in ids in template.css

#rt-content-top .module-outline-1,
#rt-content-bottom .module-outline-1{
 

and replace this block of css and next block of css with the code given in ID: 38386472
0
 
shaunwinginAuthor Commented:
Thanks man - it worked.

How do i remove the boarders on my articles..........  www.a1telecoms.co.za is our website,as you scroll down on our front home page - you will see that our article has boarders too,how do we remove that as well.

Thanks
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Replace css block  #rt-mainbody .component  in template.css  with following code


#rt-mainbody .component-content {
border: 1px solid gainsboro;
padding: 15px;
overflow: hidden;
}
0
 
shaunwinginAuthor Commented:
Nope - it didnt work as we wanted - instead,it brought back the inline thin frame which appears within the outline boarder which is in white.

Has to be another code or something.
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
sorry mymistake.. remove border:1px solid gainsboro; from it
0
 
shaunwinginAuthor Commented:
No worries. ;-) you are a genius.

But there is still no change.....check again on the website (www.a1telecoms.co.za) - i want to remove the white background material on the articles and modules just like we did for the logo up top.
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
replace  #rt-mainbody block with following. But you have background color as white for text from text editor.After replacing block that will not look good .You have to remove that white text background .

#rt-mainbody {
margin: 0px;
-moz-box-shadow: 2px 2px 9px rgba(0,0,0,0.1), -2px -2px 9px rgba(0,0,0,0.1);
-webkit-box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1), -2px -2px 9px rgba(0, 0, 0, 0.1);
box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.1), -2px -2px 9px rgba(0, 0, 0, 0.1);
padding: 6px;
overflow: hidden;
}
0
 
shaunwinginAuthor Commented:
Wow - it has done exactly what i wanted it to do - Thanks!!! Genius.

But as you say by white background is messing around with it. I am trying to take it back to normal or default but i can't manage to get it right,how do i do that again? because the option of default is not available.
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Replace your article code for homepage with following


					<p>&nbsp;</p>
<p style="text-align: center;"><strong><span style="font-size: 14pt;"><span style="font-size: 18pt;">“Want to love Telkom…?</span></span></strong></p>
</span>
  <p style="text-align: center;"><span class="item-page"><br>
    </span><strong>... Speak to us”</strong><br>
  <strong>A1 Telecoms cc</strong></p>
<p style="text-align: center;"><strong><img src="/images/images 40.jpg" alt="" align="right"></strong></p>
<p style="text-align: left;">Telkom account saving! Hassle-free!&nbsp;Outsourced Telkom Account Structuring.</p>
<p style="text-align: left;">Simply, FAX or EMAIL your latest Telkom account to us.No hardware costs! No financing needed!</p>
<p>Confused? Neotel, VOIP, VOX, Telkom ?<br>
  For Professional objective advice, speak to us.</p>
<p>Is your business experiencing problems with Telkom?</p>
<p>Can’t get through to Telkom? Can’t cancel ADSL lines?<br>
  Let us do it for you… We take the hassle out of it.<br>
  Owed money by Telkom…? Let us recover it for you.<br>
  We only charge a percentage of what we recover.We offer professional management of your company’s Telkom account.We only charge a percentage of what we save you.Smart Access (0861) Management and Monthly Summary Reports.Need advice on using VOIP…? Want a backup to Telkom…?We can offer you solutions.Keeping you TALKING for LESS!</p>
<p style="margin-bottom: 0cm;" align="CENTER"><strong>A1 Telecoms Emergency Fault Message Recording Services - 0879 400 189</strong></p>
<p><br>
</p>
<p style="margin-bottom: 0cm;" align="LEFT">Please note this is the first number to call when you have a problem.</p>
<p style="margin-bottom: 0cm;" align="LEFT">We will record you a message and set up the Fail Over system and re-route your calls.</p>
<p><strong>The options are :</strong></p>
<p><br>
</p>
<ul style="list-style-type: circle;">
  <li align="LEFT" style="margin-bottom: 0cm;">Record a message for incoming calls in order that your clients can still reach you.</li>
  <li>Retrieve messages left by your client timeously, without having to wait until Telkom “fixes things”</li>
  <li>Have an experienced company help you through this without worrying about : What now ?</li>
  <li>Become less reliant on Telkom because it's often likely, that you may experience the same problem again and then when it happens the next time, you won't be at such a disadvantage.</li>
  <li>Be reassured that it cable theft occurs or your lines go down for any reason, we are there for you.</li>
  <li>We will come to you and do all the set up and leg-work, although often, it can also occur remotely</li>
  <li>We can also offer advice and assist with more reliable Telecommunication options when you don't have a fault in progress and everything is adequately operational, Remember : Be pro-active!</li>
</ul>
<p><br>
</p>
<p style="margin-bottom: 0cm;" align="LEFT"><strong>The prices are:</strong></p>
<ul style="list-style-type: circle;">
  <li>Preparing Fault Forwarding Document</li>
  <li>Obtaining Fault Ref nr (from Telkom)</li>
  <li>Submitting Fault Forward Request to Telkom.</li>
  <li>Re – Routing your incoming calls via our Emergency Failover software.</li>
  <li>Hire of our equipment from A1 Telecoms during the outage (on an indefinite basis) until you're up.</li>
  <li>Cancelling Fault Forward once lines restored.</li>
  <li>Claiming back monies owed to you, the client, as a result of lack of service by Telkom (Clawback).</li>
</ul>	

Open in new window

0
 
shaunwinginAuthor Commented:
U the best!!!. ;-)

Thanks.

Do you think i can be able to make the white on the pictures clear too?
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Then you have to edit those images and remove white color from background using photoshop or image editing software .You make background of image transperent and save it as png format.Currently you image is in jpg format

Thanks
0
 
shaunwinginAuthor Commented:
Thanks you!!!! If i could give more points i would.
0
 
Abhijeet RananawareWeb & Mobile DeveloperCommented:
Welcome..Np with points :)
0
 
shaunwinginAuthor Commented:
Hi

Its me again ;-)

If you look at my website (www.a1telecoms.co.za) There is too much space between the logo and menu tabs,i want to close that gap and make it closer by moving it slightly up like the example that i have attached on this mail. How do i do that?

Please see attached
Thank you.
Menu.png
0
All Courses

From novice to tech pro — start learning today.