aligning

  • janisgrobinson

    (@janisgrobinson)


    11 years, 11 months ago

    I have a web page that I have divided into 2 rows of 4 columns using the [one_fourth] short codes. The rows are stair-stepping down instead of being level. I see that on the first row, the text is even but not the titles. The second row is not even at any point. I’ve tried both the align and vertical-align keywords to no avail and I only used those because I didn’t know what else to try! I am retired and working on this page as a volunteer so CSS Style sheets and anything before plain old HTML is unfamiliar to me. Is there a way to do this with HTML or a keyword on the [one_fourth] shortcode?!

    The page is at: http://www.centrohispanotn.org/janistest2/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Evan Herman

    (@eherman24)

    11 years, 11 months ago

    for your last section of [one_forth] have you set the last equal to yes? This lets WordPress know that it is the last [one_forth] column in the row, and adjusts the css accordingly.

    Try:

    [one_fourth last="yes"]
  // content here
[/one_forth]

    Take a look at the provded Avada Shortcodes:
    http://theme-fusion.com/knowledgebase/avada-shortcode-list/

    Thread Starter janisgrobinson

    (@janisgrobinson)

    11 years, 11 months ago

    What a quick response! Thank you! Yes, the “last=” tag is set to “yes” in both rows. That was something I’ve been checking and re-checking. Everything seems to be spelled correctly, too but I am desk-checking all of that again.

    Evan Herman

    (@eherman24)

    11 years, 11 months ago

    Possibly try:

    [one_fourth last="no"]
  Test #1
[/one_forth]

[one_fourth last="no"]
  Test #2
[/one_forth]

[one_fourth last="no"]
  Test #3
[/one_forth]

[one_fourth last="yes"]
  Test #4
[/one_forth]

    see if only that displays properly on the page.

    Evan Herman

    (@eherman24)

    11 years, 11 months ago

    Also, if you take a look at the page source, you can see comments such as

    <!--Row 1 last fourth-------------------------------------------------->

    which do not relate to the appropriate columns.

    That comment is directly below the third column, not the last one.

    Thread Starter janisgrobinson

    (@janisgrobinson)

    11 years, 11 months ago

    Evan, sometimes a miracle is all you need! I replaced the entire page with your short sample (which worked perfectly), then put all the original code back and it is just as I wanted! I did take out the comments just to reduce the visual static — that shouldn’t have made a difference.

    Thank you for your help!

    Evan Herman

    (@eherman24)

    11 years, 11 months ago

    No problem at all! Glad I could help you out with that issue.

    Have a great afternoon, and Happy WordPress-ing!!!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘aligning’ is closed to new replies.