Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


  • Content Count

  • Joined

  • Last visited

  1. Hi pleasehelp, That line of text is actually justified as far as the CSS is concerned, so you've done nothing wrong :) CSS won't justify a single line of text, only multiple lines. You can see this in practice if you add some extra text to that block to make it wrap to two lines - see how it now justifies the first line? Fortunately, there is a way to make CSS think that there is multiple lines, and using the following code should give you the effect you're after: #d1:after { content: ""; display: inline-block; width: 100%; }
  2. You can do this using Page Header Code Injection. Go to your /deepbranch page in the admin and click the 'Page Settings' button. Under the 'advanced' tab, you'll see an editor box for 'Page Header Code Injection'. Adding the following code should hide the header for just that page: <style type="text/css"> #title-area { display: none !important; } </style>
  3. No problem, there's no accounting for client taste :) If you just want to hide just the navigation links, this custom CSS should do the trick: body.homepage #navigation-bottom { display: none !important; } If you want to hide the whole of the header section, then this CSS is what you need: body.homepage #page-header-wrapper { display: none !important; }
  4. ApertureStar, try this code in the CSS editor: body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; }
  5. I have to say that although I provided an answer for how to do this, I don't necessarily agree that you should - i'm not a fan of justified text.
  6. Try this in the Custom CSS Editor: .sqs-block.image-block .image-caption-wrapper p { text-align: center !important; }
  7. Try this CSS in the style editor: body.homepage #navigation-top { display: none !important; }
  8. Yes, custom CSS would probably be your best bet, try something like this, add it to the Custom CSS Editor: .sqs-block.image-block { padding: 0; } If you want to customise the padding, you would add extra pixel values to suit your need, this for example: .sqs-block.image-block { padding: 5px 10px 15px 0px; } Padding is a CSS shorthand, where one or more values can be controlled: padding-top: 5px padding-right: 10px padding-bottom: 15px padding-left: 0px (zero values can also simply be written as 0)
  9. There was an erroneous character in the code I posted, which i've now removed. Simply copying and pasting the code won't work for you though, as it is targeting an element that doesn't exist (.element-to-justify). You'll need to let me know which element you want to justify, and i'll give you the exact code to copy and paste. The easiest way to do this is give me a link to your site and explain which part you'd like justified.
  10. Hi there, The CSS to justify text is: .element-to-justify { text-align: justify; } So using custom CSS you can target the element(s) you want to justify. If you post a link to your site and explain which part you want justified, I would be happy to give you the exact code.
  • Create New...