The Joomla! Forum ™






Post new topic Reply to topic  [ 14 posts ] 
Author Message
 Post subject: Change bullet indent?
PostPosted: Sun Nov 27, 2011 1:33 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Nov 24, 2011 11:50 am
Posts: 13
Hi - I would like to reduce the sub-menu bullet indent in Rhuk

Tried every line I could find but no avail. Can anyone point me to the correct setting?

Thanks in advance
Brian


Top
 Profile  
 
PostPosted: Sun Nov 27, 2011 6:08 pm 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2132
Location: California, USA
You can use a tool called Firebug for Firefox which helps you find locations of code you would like to change. You can watch some video tutorials here:

http://docs.joomla.org/Using_Firebug_Wi ... la_Website

Mark


Top
 Profile  
 
PostPosted: Sun Nov 27, 2011 10:36 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Nov 24, 2011 11:50 am
Posts: 13
Thank you - I have tried installing Firebug and it is incompatible with FF 8


Top
 Profile  
 
PostPosted: Sun Nov 27, 2011 11:42 pm 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2132
Location: California, USA
It should be compatible as I am running Firefox 8 and firebug with no problems. Also this page states that version 1.8.3 is compatible with Firefox 5, 6, 7 and 8.

http://getfirebug.com/downloads

Mark


Top
 Profile  
 
PostPosted: Mon Nov 28, 2011 7:24 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Nov 24, 2011 11:50 am
Posts: 13
Managed to get Firebug working which helps a bit. Tells me which item I need to look for. Does anyone know which file its in. Template css maybe?


Top
 Profile  
 
PostPosted: Tue Nov 29, 2011 6:34 am 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2132
Location: California, USA
Can you provide a URL and specify the change you are trying to make?

Mark


Top
 Profile  
 
PostPosted: Tue Nov 29, 2011 5:00 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Nov 24, 2011 11:50 am
Posts: 13
Hi Mark

http://www.theresearchsquad.com

try the Timelines menu entry - I want to reduce the indent size of the submenu items by 50%

Regards
Brian


Top
 Profile  
 
PostPosted: Tue Nov 29, 2011 11:29 pm 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2132
Location: California, USA
You could add some CSS to accomplish this. Open this file:

http://www.theresearchsquad.com/templates/rhuk_milkyway_ext_16/css/template.css

Add the following code:

Code:
/* Added to reduce indent on sub menu items */
li ul {
    padding-left: 20px;
}

Also if you are not going to be using the top pill menu you can get rid of the images in the same file. Find this code:

Code:
table.pill {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

Add display: none;

While you're at it you might as well adjust your breadcrumbs pathway as it sits to the left too much. In the same file find this code:

Code:
#pathway {
    margin-right: 250px;
    margin-top: -2px;
    padding: 0 10px 8px;
    text-align: left;
    width: auto;
}

Change padding: 0 10px 8px; to padding: 0 22px 8px;

Always back up your files before making any edits.

Mark


Top
 Profile  
 
PostPosted: Wed Nov 30, 2011 7:13 am 
Joomla! Apprentice
Joomla! Apprentice

Joined: Thu Nov 24, 2011 11:50 am
Posts: 13
Many thanks - thats exactly the help I needed!

Brian


Top
 Profile  
 
PostPosted: Wed Nov 30, 2011 8:02 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Feb 22, 2006 8:22 pm
Posts: 10
Hi Markstein,

Would you mind taking a look at http://test.iscomputeron.com/jupgrade/ and try to see why "published on" and "written by" have a 40px left padding?

I've used Chrome and Firefox to check the code and all I can see is that it's inherited, but have no clue where to go to fix it (and also to make the font a bit smaller and more greyish).

Thanks in advance and sorry to hijack your thread dsotm44.


Top
 Profile  
 
PostPosted: Sat Dec 03, 2011 8:03 pm 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2132
Location: California, USA
You can see by inspecting in firebug that the Published on and Written by have classes (published and createdby) but there are no CSS rules in your stylesheet for these. You can simply add your own to your template.css file and style as you wish such as:

Code:
.published {
    margin-left:  0px;
    font-size: 10px;
    color: #C9C5C5;
}
.createdby {
    margin-left: 0px;
    font-size: 10px;
    color: #C9C5C5;
}

Mark


Top
 Profile  
 
PostPosted: Sun Dec 04, 2011 9:39 pm 
Joomla! Apprentice
Joomla! Apprentice

Joined: Wed Feb 22, 2006 8:22 pm
Posts: 10
Thanks a bunch Marksten, that worked like a charm, appreciate it.


Top
 Profile  
 
PostPosted: Fri Dec 16, 2011 8:02 pm 
Joomla! Fledgling
Joomla! Fledgling

Joined: Fri Dec 16, 2011 7:47 pm
Posts: 3
i read this post and say where mark said "Backup files before editing" i am a n00b but whats the best way to do this?


Top
 Profile  
 
PostPosted: Sun Dec 18, 2011 5:44 am 
Joomla! Hero
Joomla! Hero

Joined: Sat Feb 09, 2008 8:27 am
Posts: 2132
Location: California, USA
Hi NICojUanes.

In the future it is better if you create your own topic about this as this thread doesn't have much to do with "backing up files". It's a better way for more people to see your post and help you out. ;)

When you want to edit a file you can download the file from your server to your computer. This can be done by using a FTP program such as Filezilla.

http://filezilla-project.org/

You download the file to your computer then make a copy of it. You can then modify the original file knowing that if you do something wrong you have the copy of the original file which you can reupload if needed.

Mark


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 14 posts ] 



Who is online

Users browsing this forum: No registered users and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group