Tagged: , , , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 23, 2014 at 12:43 am #254692
    cameron329

    I’m having an alignment issue I’d love to get some assistance on. On most of my pages I’m attempting to place a Text Block and Button next to each other and have them align correctly.

    I setup my page using the 2/3 and 1/3 layout elements next to each other. In the 2/3’s side, I drop a text block, enter my text and align the text to the right.

    Then on my 1/3 layout I drop a button and customize it. However, when I view the page, the center of the text and center of the button do not line up (the top of the text and top of the button align perfectly, but i need them to align at the center vertically).

    How can I make this happen so they align centrally together (either my shifting the button up or the text down or adjusting the vertical alignment of one of these elements?)?

    April 23, 2014 at 1:33 pm #254892
    Ismael

    Hey cameron329!

    Thank you for using the theme.

    In order to help you with the issue, we will need to see the actual live website. If you don’t mind, please post the website url here. We will be happy to provide you with the proper solution once we have taken a look at the website.

    Cheers!
    Ismael

    April 24, 2014 at 7:35 pm #255738
    cameron329
    This reply has been marked as private.
    April 25, 2014 at 10:06 am #256002
    Ismael

    Hey!

    Thank you for the link.

    You can add a unique selector for each Avia Elements. Edit functions.php, find this code:

    if(isset($avia_config['use_child_theme_functions_only'])) return;

    Below, add this code:

    add_theme_support('avia_template_builder_custom_css');

    Edit the text block then scroll below, add a Custom Css Class. Let’s use textblock-1 for example. Save then update the page. Add this on Quick CSS or custom.css:

    div.avia_textblock.textblock-1 {
position: relative;
top: 10px;
}

    Regards,
    Ismael

    April 25, 2014 at 6:47 pm #256286
    cameron329

    Hello again Ismael,
    Thanks for your reply.

    Im having difficulty locating the exact section of code you are referencing in the functions.enfold.php file. Could you direct me to a line number for easier locating?

    Also is it alright to simply ass the CSS directly in the text-block using the <style></style> HTML code? I know this is possible but I’m not sure it would be appropriate in this template, but wanted to ask you guys directly.

    Looking forward to hearing your reply.

    April 28, 2014 at 8:34 am #256927
    Dude

    Hi!

    The code Ismael posted can be found at the very top of the file. If you’re using a child theme I recommend to place the code into the child theme functions.php file.

    Yes you can do this but afaik it will produce invalid html code because the html5 standard does not support style tags outside the head section. If you don’t care about the validity of the code you can simple add it to a code block or text block.

    Cheers!
    Peter

    April 30, 2014 at 8:09 pm #258462
    cameron329

    Thanks guys, solution worked perfectly!

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Enfold Text / Button Alignment Question’ is closed to new replies.