0
Welcome Guest! Login
0 items Join Now

Help with some button CSS repairs

    • IDesign's Avatar
    • IDesign
    • Hero Rocketeer
    • Posts: 414
    • Thanks: 0

    Help with some button CSS repairs

    Posted 5 years 11 months ago
    • 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: 5 years 11 months ago by IDesign.
    • You never have a second chance to make a first impression !
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: Help with some button CSS repairs

    Posted 5 years 11 months ago
    • 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's Avatar
    • IDesign
    • Hero Rocketeer
    • Posts: 414
    • Thanks: 0

    Re: Help with some button CSS repairs

    Posted 5 years 11 months ago
    • 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's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: Help with some button CSS repairs

    Posted 5 years 11 months ago
    • IDesign's Avatar
    • IDesign
    • Hero Rocketeer
    • Posts: 414
    • Thanks: 0

    Re: Help with some button CSS repairs

    Posted 5 years 11 months ago
    • 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: 5 years 11 months ago by IDesign. Reason: added the site link again
    • You never have a second chance to make a first impression !
    • IDesign's Avatar
    • IDesign
    • Hero Rocketeer
    • Posts: 414
    • Thanks: 0

    Re: Help with some button CSS repairs

    Posted 5 years 11 months ago
    • did you have a chance to look at this?


      Thanks, Indrit
    • You never have a second chance to make a first impression !
    • IDesign's Avatar
    • IDesign
    • Hero Rocketeer
    • Posts: 414
    • Thanks: 0

    Re: Help with some button CSS repairs

    Posted 5 years 11 months ago
    • 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: 5 years 11 months ago by IDesign.
    • You never have a second chance to make a first impression !
    • Damir's Avatar
    • Damir
    • Preeminent Rocketeer
    • Posts: 22450
    • Thanks: 2679
    • Web Developer

    Re: Help with some button CSS repairs

    Posted 5 years 11 months ago

Time to create page: 0.045 seconds