-
AuthorPosts
-
September 26, 2018 at 12:45 pm #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?
September 26, 2018 at 4:54 pm #1014870Hey 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,
NikkoSeptember 26, 2018 at 5:02 pm #1014872Thanks, but it cuts of the backgroud images and colors in the rows
September 27, 2018 at 5:54 am #1015118Hi,
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,
IsmaelSeptember 27, 2018 at 8:17 am #1015157Hi 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
September 27, 2018 at 8:47 am #1015182Somethin 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)
September 27, 2018 at 5:56 pm #1015410Hi,
I just checked out the web site and everything is looking perfectly.
Best regards,
BasilisSeptember 27, 2018 at 6:01 pm #1015413The top logo jumps and the horizontal aligemnt is not solved?
September 28, 2018 at 12:23 am #1015552Hi,
I do not see it like that at all.
I can create a loom video if u need to.Best regards,
BasilisSeptember 28, 2018 at 9:58 am #1015668Hi 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
September 29, 2018 at 9:34 am #1016002Hi jjdenmark,
- Try to use a child theme: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#why-child-theme
- 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 - 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
- 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,
NikkoOctober 3, 2018 at 4:12 pm #1017559Thanks,
I tried it but I dont see any difference (seee link to a mockup where i implementet the code)
October 4, 2018 at 6:53 am #1017712Hi 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.- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- 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 ). - Click ” Submit “.
- 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,
NikkoOctober 4, 2018 at 9:41 am #1017782This one?
margin: calc(10% + 50px);
October 4, 2018 at 5:12 pm #1017970Hi 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,
NikkoOctober 4, 2018 at 6:35 pm #1017987Hmm not getting anything out of it, also tried with important in the left margin.
October 6, 2018 at 5:09 pm #1018527Hi 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,
NikkoOctober 8, 2018 at 12:13 pm #1018951There 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.
October 8, 2018 at 5:40 pm #1019059Hi 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, 1 month ago by Nikko.
-
AuthorPosts
- You must be logged in to reply to this topic.