Forum Support

Shape 5
July 30, 2021, 07:36:22 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
   Home   Help Search Login Register  
Pages: [1]
Author Topic: odd alignment issue  (Read 351 times)
Jr. Member
Offline Offline

Posts: 83

« on: October 09, 2012, 05:07:50 PM »

I have this site close to launch

A couple of things are not quite right and have eluded my attempts to correct them.

If you look at the two frontpage columns, build projects and industry news, they are actually two separate articles using {loadposition xx} to show two article categories.

I do not know why the left column has the extra arrow below the title and before the article
(i solved this myself a few minutes after I posted and it was crap put in by tinyMCE)

I also do not know why the right column arrows are one line below the title.

I would also like to have the right column articles separated but one line in between the articles and one line beneath the main title and the first article.

« Last Edit: October 09, 2012, 05:25:18 PM by bigassmo » Logged
Global Moderator
Offline Offline

Posts: 20162

« Reply #1 on: October 10, 2012, 01:23:25 AM »

The arrow is currently published in line with the content here:

Template.CSS - Line 977

.s5_newsflash {
    background: url("../images/s5_nf_arrow.png") no-repeat scroll left top transparent;
    font-size: 0.85em;
    font-style: italic;
    margin-bottom: 8px;
    padding-left: 36px;

Where if you wanted it to be with the h4 titles you would have to have to set the background on this line:

Template.CSS - Line 964

.newsflash-title {
    background: none repeat scroll 0 0 transparent;  url("../images/s5_nf_arrow.png") no-repeat scroll left top transparent;)
    font-size: 1em;
    height: auto;
    margin-bottom: 4px;
    padding: 7px 0 0 36px;

You can probably do something like this to add space between the articles on the right column

Template.CSS - Line 989

.s5_nf_readon {
    display: block;
    font-style: normal;
    padding-bottom: 10px;

P.S. - Your site looks great. Well done!
« Last Edit: October 10, 2012, 01:35:25 AM by mikenicoll » Logged

Mike Nicoll
Shape 5 Team

- Need a great host for your website? We highly recommend!

- Put your trust in the hands of our extremely qualified staff to get your job done right!

- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
Jr. Member
Offline Offline

Posts: 83

« Reply #2 on: October 10, 2012, 12:51:46 PM »

Thank you so much. I am humbled by the compliment. I must admit that I am completely a product of Shape5 club training and
I am acutely aware at how sophisticated you guys work is both from a creative perspective but also and much more importantly from a support perspective. I have grown accustomed to the profound depth of knowledge you all have on your products. Bravo.
Pages: [1]
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.