Hi Victoria,
Thank you for message.
I’ve tried to add this quick css to increase font size in the burger menu.
@media only screen and (max-width:767px) {
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li a {
font-size: 18px;
color: black !important;
}
And this one to avoid underline link

.main_color a, .alternate_color a {
text-decoration: none !important ;
}
Both are making the width shrink.
Temporary access in private content.

Thanks for your help.
Best
Lex

Hello Victoria,
Thanks for your response. Rikard suggested that I update the Enfold theme via FTP which solved the problem. However when I go to Enfold > Advanced Styling > Main Menu Links to change the font size of the links, and Save all changes, the animations and counters break.

Furthermore, when I go into Enfold > Theme Options > Favicon and try to set the Favicon (which doesn’t seem to be working) and hit Save all changes, the animations, tabs and rollovers break again.

.

Good morning.
Finally I have no problem putting the version to edit online. I apologize if I took this ticket to the long but I could not provide the site to be modified as the customer still needed the version to be deleted. The request I made earlier remains, of which I have also attached a screenshot. I communicate the login credentials as an administrator if needed

https://snag.gy/L8padr.jpg

I need:
– Delete the “All” entry
– Increase the font size of the Masonry category index
– Increase the space between one product and another as shown in the arrow shown in the screenshot.

I remain available for any clarification and I thank you in advance for the support
Best regard’s
Mino

Thanks Nikko!

One more thing, I am trying to modify the font size of this image caption https://imgur.com/bdjQSFW but no sucess, i think maybe some custom css is the issue, can you pls take a look?

Best regards,

Nerohm

Hi Rikard thanks !
All that did was make the font green. Not sure if you saw my original message above

I need to make styling changes to the “Full width Sub Menu” from the Layout builder. I will be using it on all pages of the website. I thought this element would be the best solution to a design that will closely resemble the client’s mock up, see below. *If you have a better idea on how to create a footer sub menu that looks like the mock up , let me know.

I need to make the following adjustments to the styling of the “Full Width Sub Menu” if possible.
*Increase font size and change color .
*Add padding/spacing between the sub menu items to spread them across the bottom horizontally as in the mock up.
*Remove vertical lines between sub menu items
* Make the sub menu item white when that page is the active page, exactly how it functions in the main menu at top.

Below is what I am essential looking for as far as spacing for sub menu , however when I try the code snippet , nothing changes
not sure whats going on , look at style 3 with all menu items evenly spread across

thank you for your assistance !

• This reply was modified 6 years, 12 months ago by webworm72.

– Deactivating the Plugins doesn’t fix the problem
– Enfold is set to latest version, doesn’t fix the problem
– Adjustments made in CSS (Child theme) via customizer

/* H1 */
h1{
	margin-top:10px !important;
}

/* formaat slogan */

/* On screens that are 755px or less, set the background color to blue */
@media screen and (max-width: 755px) {
  h1 {
    font-size:25px;
  }
}

/* On screens that are 590px or less, set the background color to blue */
@media screen and (max-width: 590px) {
  h1 {
    font-size:15px;
  }
}

/* On screens that are 355px or less, set the background color to blue */
@media screen and (max-width: 355px) {
  h1 {
    font-size:12px;
  }
}

/* span geel */
.yellow{
	color:#ffcc33 !important;
	text-decoration: underline;
	text-decoration-color: #000000;
}

/* sectie slogan */
#slogan{
	padding-top:0px !important;
	padding-bottom:90px !important;
}

/* h2 home */
.h2_home > h2{
	font-size:20px !important;
}

/* grootte icons home */
.icon-service{
	max-width:25px;
	max-height:25px;
	margin-bottom:15px;
}

/* formulier */
label{
	font-weight:normal !important;
}

Adjustments made in functions.php (Child theme)

<?php

/*
* Add your own functions here. You can also copy some of the theme functions into this file. 
* WordPress will use those functions instead of the original functions then.
*/

add_filter( 'avf_google_heading_font',  'avia_add_heading_font');
function avia_add_heading_font($fonts)
{
$fonts['Montserrat:900'] = 'Montserrat:900';
return $fonts;
}

add_filter( 'avf_google_content_font',  'avia_add_content_font');
function avia_add_content_font($fonts)
{
$fonts['Montserrat:900'] = 'Montserrat:900';
return $fonts;
}

Deleting above code didn’t fix the problem.

Hi Rikard,

Thank you for your advice.
The CSS you provided has helped get the icon to go green but has not helped with the font size or color.
Furthermore, if I activate the “Delete old CSS and JS Files” it reverts back to the initial problem, so if I uncheck this and reload the CSS I get the icon to work correctly.

As I mentioned I imported an xml file and enfold theme settings file from a demo build position.
I can add some url’s if that can help pinpoint the problem…
Many thanks
Nick

Hi Mike thanks !!!
With that last bit of code and some more tweaking of the page’s cell padding I am getting closer to the mock up , see pages below in private section.
My question is how to apply that to the other 8 pages of the website. Accounting, Information Technology, Human Resources etc.
Do I simply add the code below 8 more times with a different page ID , I know that will work as I did it for the “Special Projects ” page to test , see below in private section.
Or… is there is a cleaner way of doing it. perhaps adding all the Page id’s to just the one snippet of code ?

Below is what we have so far to make the desired layout/styling of the tab section for the operations page.
====================================================================================
.sidebar_tab_left .tab_content,.sidebar_tab_left .tab_content,.sidebar_tab_left .tab,.tabcontainer .active_tab_content {
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
left: 0;
padding: 0px 0 0 10px;
border-color: #b2b7bb
!important;
}
.main_color div .sidebar_active_tab, div .main_color .tabcontainer .active_tab_content, div .main_color .tabcontainer .active_tab {
color: #000000;
background-color: #ffffff
!important;
border-color: #ffffff !important;
}
.tab_titles,.active_tab {
background-color: #b2b7bb
!important;
}
.tab_inner_content p,.tab_inner_content a {
font-size: 14px !important;
}
#top.page-id-2438 .main_color .tabcontainer .tab {
color: #fff !important;
font-size: 16px;
line-height: 20px;
padding-top: 10px;
padding-bottom: 05px;
}
#top.page-id-2438 .main_color .tabcontainer .tab.active_tab {
color: #000 !important;
background-color: #b2b7bb !important;
border-color: #b2b7bb !important;
}
#av-layout-grid-1 > div.flex_cell.no_margin.av_two_third.avia-builder-el-1.el_before_av_cell_one_third.avia-builder-el-first {
padding-bottom: 0px !important;
}
==========================================================================

• This reply was modified 7 years ago by webworm72.