-
Posts
-
Hi,
I have some questions concerning styling of the main menu. Maybe you can help me with this!
-I would like to add a border to an active link and a border around a menu item when hoovering. As you can see I’ve been able to do a part of this. The problem is that the border does not adapt in color as the transparant header of changes in semi-transparent when scrolling. I would like a white border color first, and after scrolling it should be changed in a grey color.
– Is het possible to shift the logo more to the left, as if its in the middle of the page?
– Can make the logo bigger without influencing the position of the menu items?
Another question not related to the menu. I would like to make a list of text with the first part of the text aligned to the left and the last part of the text aligned to the right. Is that possible with css?
Like this:Monday 13 hrs
Tuesday 14 hrsI will write down my website link and login credentials in de private content.
Thank you so much!
Greetz
–
Hi lara!
Thank you for using Enfold.
1.) Add this in the Quick CSS field to change border color:
.av_header_transparency li.current-menu-item > a > .avia-menu-text { border-color: #ffffff; } .header-scrolled li.current-menu-item > a > .avia-menu-text { border-color: #5f5477; }2.) Use this to change the logo size:
.html_header_top #top .av_logo_right .logo { width: 380px; height: 196px; }3.) Could you please provide a screenshot of this list?
Regards,
IsmaelHi Ismael,
Thanks for your response!
The code doesn’t work at all unfortunately:-( Do you have another suggestion?
Screenshot of the text: https://www.dropbox.com/s/2jd8143ymfl2xm3/Footer%20widget.png?dl=0
Greetz
Hi,
Please try adding following code to Quick CSS
.logo, .logo * { width: 380px; height: 196px; } #footer #text-4 { text-align: justify; }Best regards,
YigitHi,
I have a questions concerning styling of the main menu of our new website.
There is a red bar just above the picture of the layer slider which shows a hover effect and belongs to the main menu. Is it possible to change the thickness of this red line?
Would be great to get a solution for this problem.Best regards,
UliHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.avia-menu-fx { height: 1px!important; }Best regards,
VinayGreat! Thanks for the fast response! May I ask one additional last question? How to reduce the vertical spacing between the blog posts? Please find attached the link to our Presse archive (blog posts).
Best regards,
UliHi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.template-blog .post_delimiter { margin: 0 0 25px 0!important; padding: 25px 0 0 0!important; }Best regards,
VinayDear Vinay,
Thanks for your reply. Unfortunately, this time the code didn’t work. Vertical distances do not change, even if I enter 5 or 50 px instead of 25 px. Styling remains the same compared to the site without the additional Quick CSS code.
Best regards,
UliHi,
Try to add the below code again
#top .template-blog .post_delimiter { margin: 0 0 25px 0!important; padding: 25px 0 0 0!important; }If you still have an issue Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
Login credentials include:
- The URL to the login screen.
- A valid username (with full administration capabilities).
- As well as a password for that username.
- permission to deactivate plugins if necessary.
Best regards,
Vinay
- You must be logged in to reply to this topic.