-
Posts
-
Hi!
Thanks again for your previous answer; two other questions:
I would like to decrease at will the space between the top edge and the beginning of the buttons and in all other points marked by a double black arrow
how do I load other symbolic fonts (fonts awesone icons?) and use them?
the website address is test.adpinfo.it. Thanks for the attentionHey infoadpinfo,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
body .column-top-margin { margin-top: 20px; } .content { padding-top: 10px; padding-bottom: 10px; }Then edit your top columns and choose not to display equal height. You have excessive space because of the first column.
Best regards,
YigitWe tried several times, but we were not able to get what we wanted:
attached the head of the site we want to make and the component layout; in particular we would also be able to determine the distances between top margin and of the first line parts (the two buttons and the title), between these and the menu below, between this menu and the title, between the title and the last menu. The site is test.adpinfo.it; can you help us ?
Thank youHi,
Thank you for the info. That’s a confusing sentence. Could you please provide a screenshot of the layout that you have in mind? For the top margin or spacing, you can use this:
.home.avia-blank #wrap_all #main { padding-top: 50px !important; } .home.avia-blank #main .container_wrap:first-child { border-top: 0; }Best regards,
IsmaelHello Ismael,
I am attaching a pattern that I hope will be useful.
The 2/5 side are ok (left logo + 2 phones, Google Calendar on the right).
The problem is in the central 3/5 where, between the 2/5 side, I want to insert:
1 a first line composed of a button, a title and a second button, all by 1/5.
2 below, with 3/5 size, I want to insert a menu consisting of 2 or 3 rows with multiple entries,
3 under a new central title with size 1/5
4 finally under another 3/5 menu consisting of at least 3 lines.
This central part (first row + first menu + second line + second menu) must be as high as the 2/5 side (450 px).
I hope to be able to explain, I’m sorry for my english
See you soon
MauroHi,
Alright. Thank you for the info. We used the grid layout in the page. http://test.adpinfo.it/
Best regards,
IsmaelHello Ismael,
thanks for your earlier intervention; 5 problems remain to me that I can not solve
I numbered them in the attached image
1 align the three buttons on the same line
2 raise the content of at least 20 px so that the distance between the buttons and the same title is less
3 remove the line
4 to make the entries in this menu with the same size, font and color of white buttons also removing vertical lines from an entry to the other
5 because the first line of the yellow page is hidden half? I would like to begin with a gap of up to 5 px
Thanks, I hope not bother you again
MauroHello Ismael,
problems 1, 2 and 5 resolved, there are only 3 and 4
Thank you again
MauroHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-submenu-container { border-top: none !important; } #top .av-subnav-menu li a { border: none; color: white; font-size: 14px; }Best regards,
YigitHello Ismael & Yigit
The last requests:
1 the button Prenotazioni (arrow 2) at the same distance from the top line of the Calendars button (arrow 1)
2 distance between title (3) and menu (4) max 50 pixels; better the solution B
3 ability to increase the font size of the menu (4)
That’s it, still many, many thanks!
Mauro
B solution
Hi,
1. You can move your calendar with this code:
.flex_cell.no_margin.av_one_fifth.avia-builder-el-24.el_after_av_cell_three_fifth.avia-builder-el-last { position: relative; top: -10px; }2. Turn on custom class for all ALB elements at first: kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Then provide a custom css class for your title element. Finally use a code like this in Quick CSS field:.your-custom-class-for-title-element { position: relative; top: 50px; }3. Use this code:
#top .av-subnav-menu li a { font-size: 16px; }and adjust as needed.
In the future please open different tickets for different questions.
Best regards,
AndyThanks Andy for the answers and for the indication of placing a single question at a time.
New page type (http://test.adpinfo.it/informatica/), only one problem: Remove the line indicated in the drawing at the base of the menu or color it orange (# cb3300)
Thank you
MauroHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
#top .av-submenu-container { border: none!important; }Best regards,
YigitThank you very much, you are precious (and I am a big ignorant!)
Third type of page:
This page contains a list of courses, I wish that when I pass the mouse over each individual item on the right looks like a popup with the description of the course itself. The description has a maximum length of 2000 crt including spaces
Can you give me directions?
Thank you
Mauro
- You must be logged in to reply to this topic.