Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • #1014696

    Hi I have a probem with the text alignment horizontal.

    I would like the text in the grid row to align with the logo / topmargins in all resolutions

    For now I have tried with a 10% left or right margin, but its not responsive.

    Do you have a solution?

    #1014870

    Hey Jonas,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    #top #wrap_all .av-layout-grid-container {
        max-width: 1310px;
        margin: 0 auto;
        padding: 0 50px;
    }

    Let us know if this helps.

    Best regards,
    Nikko

    #1014872

    Thanks, but it cuts of the backgroud images and colors in the rows

    #1015118

    Hi,

    Set the General Layout > Layout > Dimension > Maximum Container width value to 80% or so and then adjust the left or right padding of the cells containing the text to this value.

     calc(10% + 50px)
    

    Best regards,
    Ismael

    #1015157

    Hi Ismael,

    I kind of already tried that solution out, the problem comes on wide screens

    e.g on a 1200px X 1920

    Looks fine on low resolutions though

    #1015182

    Somethin extra:

    After updting, it looks like the toplogo jumps when scrolling, can that befixed (I have looking into the logo position in the .png they are exact matchs)

    #1015410

    Hi,

    I just checked out the web site and everything is looking perfectly.

    Best regards,
    Basilis

    #1015413

    The top logo jumps and the horizontal aligemnt is not solved?

    #1015552

    Hi,

    I do not see it like that at all.
    I can create a loom video if u need to.

    Best regards,
    Basilis

    #1015668

    Hi Basilis,

    the problem is text content in the color rows, they dont align nicely to the left vertical aligned with the logo.

    I just whant to try getting a simpel equal margin to the left and right in alle resolutions.

    Looks wirly not nice on a 1920 x 1080 screen

    #1016002

    Hi jjdenmark,

    1. Try to use a child theme: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#why-child-theme
    2. Then copy the code provided in this link: https://kriesi.at/documentation/enfold/intro-to-advanced-layout-builder/#add-elements-to-alb
      to the functions.php of the child theme
    3. Go to wp-content > themes > enfold > config-templatebuilder > avia-shortcodes then copy the whole grid_row folder and paste it to wp-content > themes > enfold-child > shortcodes folder
    4. Modify grid_row.php in the child theme and find this code (line 388-390):
      $output .=  avia_new_section($params);
      $output .=  ShortcodeHelper::avia_remove_autop($content,true) ;
      $output .= avia_section_after_element_content( $meta , 'after_submenu_' . avia_sc_grid_row::$count, false);

      replace it with:

      $output .=  avia_new_section($params);
      $output .= '<div class="container">';
      $output .=  ShortcodeHelper::avia_remove_autop($content,true) ;
      $output .= '</div>';
      $output .= avia_section_after_element_content( $meta , 'after_submenu_' . avia_sc_grid_row::$count, false);

    Best regards,
    Nikko

    #1017559

    Thanks,

    I tried it but I dont see any difference (seee link to a mockup where i implementet the code)

    #1017712

    Hi jjdenmark,

    I checked your site and I don’t see the it wrapped inside a div with a class of container as specified in the code I gave.
    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
      ( do be sure that we have enough time to debug ).
    5. Click ” Submit “.
    6. You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.

    When your issue is fixed, you can always remove the plugin!
    If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.

    Best regards,
    Nikko

    #1017782

    This one?

    margin: calc(10% + 50px);

    #1017970

    Hi jjdenmark,

    You can add that one in Quick CSS.
    Just use margin-left and margin-right instead of margin since it will also add to the top and bottom margin.

    Best regards,
    Nikko

    #1017987

    Hmm not getting anything out of it, also tried with important in the left margin.

    #1018527

    Hi jjdenmark,

    Actually tested it with css fixes but I didn’t have any success, the only thing that worked is to wrap the grid/columns inside a div with a container class (just to make the background still fullwidth).
    I have tested the things I instructed above: https://kriesi.at/support/topic/grid-row-text-align-horizontal/#post-1016002 and you should see it wrapped inside a container when you inspect with a google chrome web inspector or firebug for firefox, but I didn’t see it on your site. The only way we can help if you’re having a hard time making it work is to give us access or probably give us screenshots for each step so we can tell where it went wrong why it’s not working.

    Best regards,
    Nikko

    #1018951

    There is 3 places where I could put in the custom div:

    The grid

    the first grid rom 1/2 or the 1/1 holding the text.

    I tried all 3 – I guess Im doing something wrong here.

    #1019059

    Hi jjdenmark,

    Have you added this code in functions.php?

    add_filter('avia_load_shortcodes', 'avia_include_shortcode_template', 15, 1);
    function avia_include_shortcode_template($paths)
    {
    	$template_url = get_stylesheet_directory();
        	array_unshift($paths, $template_url.'/shortcodes/');
    
    	return $paths;
    }

    if not please add it as instructed in step 2.
    Another thing I noticed is that the grid_row folder in the child theme should be inside the shortcodes folder as instructed in step 3.
    I think everything else is correct.

    Best regards,
    Nikko

    • This reply was modified 6 years, 2 months ago by Nikko.
Viewing 19 posts - 1 through 19 (of 19 total)
  • You must be logged in to reply to this topic.