Help with some button CSS repairs
-
-
- IDesign
- Hero Rocketeer
- Posts: 414
- Thanks: 0
-
Hi, please take a look at my page:
www.compass-llc.com/dashboard/index.php/standard
I am trying to figure out how to bring my buttons "+ Add" and "Group by" buttons which are on top of each other into a horizontal line, like the attachd image.This image is hidden for guests.
Please log in or register to see it.
Thanks, In - Last Edit: 7 years 3 weeks ago by IDesign.
- You never have a second chance to make a first impression !
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
-
Try this:
.fabrikButtonsContainer ul.nav.nav-pills.pull-left { margin-left: 0; } .fabrikButtonsContainer ul.nav li { display: inline-block; padding-right: 10px; }
To create a custom CSS file, you just have to create a new css file at /templates/[TEMPLATE]/css/ and name it [TEMPLATE]-custom.css. The new custom CSS file will automatically get loaded by the Gantry 4 Framework.
NOTE: The use of [TEMPLATE] in this guide is intended as a placeholder for the name of the template's primary directory. Replace [TEMPLATE] with the template directory name in order for these instructions to work with your site.
docs.gantry.org/gantry4/tutorials/adding-a-custom-stylesheet - Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- IDesign
- Hero Rocketeer
- Posts: 414
- Thanks: 0
-
hmmm...
I went to Extentions --> Template --> Template
Then I clicked at "Rt_afterburner2 Details and Files"
The, I clicked "New File" button
Then, Once the pop-up window opened I selected "css" folder and I created a new file name and named it "Rt_afterburner2-custom.css" and selected file type ".css"
so at the end I opened the css file and added your code. I saved and refreshed my site. Nothing happened
I am probably am doing something wrong. Please advise
Thanks, In - You never have a second chance to make a first impression !
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- did you added to the css folder?
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
-
-
- IDesign
- Hero Rocketeer
- Posts: 414
- Thanks: 0
-
Yes of course. please see the attached photo Also here is the link again:
www.compass-llc.com/dashboard/index.php/standard
you'll notice I have added more links which are stacked on top of each other instead of horizontally displayed.
This image is hidden for guests.
Please log in or register to see it.
What am I doing wrong
here is the code inside the file
This image is hidden for guests.
Please log in or register to see it. - Last Edit: 7 years 3 weeks ago by IDesign. Reason: added the site link again
- You never have a second chance to make a first impression !
-
-
-
- IDesign
- Hero Rocketeer
- Posts: 414
- Thanks: 0
-
so..., i found out the issue with this one.
Believe it or not it had to do with me namining it wrong
instead of naming my custom CSS to "rt_afterburn2-custom.css" i named it "Rt_afterburn2-custom.css" that did it!!!
Now.., I noticced that the there is no nice buttons just links, and If I am not mistaken the following makes them links
.fabrikButtonsContainer ul.nav li { display: inline-block; padding-right: 10px; }
How can i convert the above css code into nice buttons..?
?????????
- Last Edit: 7 years 3 weeks ago by IDesign.
- You never have a second chance to make a first impression !
-
-
-
- Damir
- Preeminent Rocketeer
- Posts: 22450
- Thanks: 2679
- Web Developer
- Well for that you would need to write your own styling to make those links look like buttons, i would suggest you see on the fabrik support, as this is a free theme i cant provide any more support on it and i see your support is expired for the Joomla club.
- Available for CUSTOM WORK with Joomla, WordPress and Grav Templates and Gantry Framework!
-
Time to create page: 0.072 seconds