RocketTheme - TOPIC: (Solved) Alignment in grid positions (1/2)

Welcome Guest! Login

0 items Join Now

- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Hi,
  
  can anyone explain me, how I can align i.e. my logo left and my login button right by adding some custom css code ?
  
  I am not really in this things and would be happy to get some help.
  
  Thank you in advance,
  
  Christian
  
  P.S.: The website is: www.offroaddance.com
- Last Edit: 10 years 9 months ago by Truman.
#997437
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Hi there,
  
  First of all create a new css file called rt_oculus-custom.css and add the following code...
  
  #rt-logo { display: block; margin: 0; } .rt-popupmodule-button a { float:right; }
  Now save the file to the template's css directory.
  
  If this resolves your problem then please edit your first post in this thread by adding SOLVED at the start of the title and then select the green tick icon. This lets the moderators know that it can be moved to the solved section.
  
  Thanks for your cooperation
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
#997442
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Absolutely perfect, thank you.
  
  How can I find out the names of this elements (rt-logo or rt-popupmodule-button)...
  Because I would also like to align maybe some other elemets.
#997484
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Ok, I found it myself. I should use Firebug, right ?
#997490
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Hi there,
  
  Firebug is what most of us use. Wouldn't be without it.
  
  See the link in my sig for more info.
  
  Hope this helps
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
#997493
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Hi,
  
  thanks for the link information. Great information for me.
  
  Regards,
  
  Christian
#997572
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Hi,
  
  I am sorry, but I didn´t get it. I now tried to align that text size tool to the right side of the grid. But I am not able to figure out, which element I have to choose for aligning it via custom css.
  
  Thanks in advance for your help,
  
  Christian
#997768
- David Goode
- Preeminent Rocketeer
- Posts: 17058
- Thanks: 890
- Web Designer and Host
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Hi Christian,
  
  Try the following...
  
  #rt-accessibility { float: right; } #rt-accessibility #rt-buttons { float: right; }
  Hope this helps
- Please search forums before posting. Please make sure your post includes the version of the CMS you are using and a link to the problem. Annotations on screenshots can also be helpful to explain problems/goals. Please use the "secure" tab for confidential information
#997783
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Perfect, thank you. I had the first part tried, but that did not work.
  
  Christian
#997794
- Truman
- Rocketeer
- Posts: 57
- Thanks: 0
Re: SOLVED Alignment in grid positions

Posted 10 years 9 months ago
- Hi,
  
  I am sorry, but I am not getting it. How can I get the 'reset settings' aligned right and the 'Back to Top' button centered ?
  
  I tried:
  
  .gantry-resetsettings a {
  float:right;
  }
  
  for getting the 'reset settings' option aligned right, but that did not work.
  
  The webpage address is: thhp://www.offroaddance.com
  
  Both options are at the bottom of the page.
  
  Thanks in advance for your help.
  
  Christian
#1002294