BTW, the only thing that now has changed is the color of the even rows. I cleared cache.. so its not all working. Do you understand what I’m trying to do? So I want all this to be working for ONLY tables with class=”sponsorbedragen”:

td.avia-highlight-col {
font-weight: bold;
letter-spacing: 1.5px;
text-transform: uppercase;
color: #aea04b !important;
}

.main_color .avia-data-table th.avia-highlight-col {
border-color: #ebebeb;
color: #000000;
background-color: #f5f3ed !important;
}

td, th, tr, .main_color .avia-data-table .avia-highlight-col {
background-color: #f5f3ed;
font-size: 19px;
}

.sponsorbedragen tr td:first-child {
font-weight: bold;
}

@media only screen and (max-width: 767px) { 
.avia-data-table-wrap.avia_responsive_table td:before {
display: none !important;
}
}

@media only screen and (max-width: 767px) {
.responsive .avia_responsive_table .avia-data-table, 
.responsive div .avia_responsive_table .avia-data-table tbody, 
.responsive div .avia_responsive_table .avia-data-table tr, 
.responsive div .avia_responsive_table .avia-data-table td, 
.responsive div .avia_responsive_table .avia-data-table th {
border: none !important;
}
}

@media only screen and (min-width: 768px) {
.responsive .avia_responsive_table .avia-data-table, 
.responsive div .avia_responsive_table .avia-data-table tbody, 
.responsive div .avia_responsive_table .avia-data-table tr, 
.responsive div .avia_responsive_table .avia-data-table td {
border: none !important;
}
.responsive div .avia_responsive_table .avia-data-table th {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #969696 !important;
}
}

@media only screen and (max-width: 767px) {
td {
padding: 0px;
}
td.avia-highlight-col {
padding-bottom: 20px !important;
}
}

tr.avia-heading-row {
border-bottom: 1px solid #000000 !important;
}

• This reply was modified 5 years, 9 months ago by jannnnnneke.

Hi Rikard
My question is how do we add CSS to make the text (Menu words) larger.
This is what I use to make the Phone number larger.

.phone-info {
width: 250px;
padding-top: 18px;
padding-left: 20px;
font-size: 22px !important;
}

What is the CSS code for that Secondary Menu to make it larger text.

I hope that’s clearer.
Cheers Dave

Hello Rikard
Thanks for your answer

Centering pass great
but the rest under Enfold->Advanced Styling,
I can’t do this, have tried all points
for example: font size, font color, mouse over

which point under Enfold->Advanced Styling, do I have to take

many thanks
kind regards
Franz

Using the DevTools in my browser I was able to find a CSS entry that lets me change how images placed in tables align within the cells, and added the following to Enfold Quick CSS – changing a “vertical-align: baseline;” portion of the CSS to be “vertical-align: top;”.

img{
margin: 10;
padding: 10;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: top; }

Not sure if this is the best way to handle the problem, but seems to fix the problem.

ok i made a dev (see link) where, in advanced stylling I created a customize All Headings (H1-H6) and put a blue background

for example the second title of home page : EL MÉTODO <span>MI AYUNO</span> is h2
in heading module the font-size is set to 100px
but we see that this font size of 100px is not applied to h2 because (with css inspector) we see the font size is applied to the wrapper of the h2

Thank you very much Yigit!
The first is good solution for mu case, but I find the other solution. I make custom form inside function.

add_action( 'ava_after_main_title', 'add_my_custom_code' );
function add_my_custom_code() {
  if ( is_front_page() || is_archive() || is_tag() ) {
    echo '<div id="av_section_112" class="avia-section main_color avia-section-default avia-no-border-styling  avia-bg-style-scroll  avia-builder-el-0  el_before_av_button  avia-builder-el-first   container_wrap fullsize" style=" "><div class="container">
<div class="flex_column av_one_half  flex_column_div av-zero-column-padding first  avia-builder-el-1  el_before_av_one_half  avia-builder-el-first  " style="border-radius:0px; ">';

    global $wp;
    echo '<div class="avia_search_element  ">';
    echo '<form action="'. home_url( $wp->request . '/' ) .'" id="searchform_element" method="get" class="av_disable_ajax_search" _lpchecked="1">';
?>
    <div class="av_searchform_wrapper" style="border-radius:10px; "><input type="text" value="<?php if(!empty($_GET['s'])) echo get_search_query(); ?>" id="s" name="s" placeholder="Search..." style="border-radius:10px; line-height:44px; height:44px; font-size:16px; " class=" av-input-hasicon"><span class="av-search-icon avia-font-entypo-fontello" style="font-size:16px; "></span><div class="av_searchsubmit_wrapper" style="border-radius:10px; "><input type="submit" value="SEARCH" id="searchsubmit" class="button" style="border-radius:10px; "></div></div>

<?php
    echo '</form></div>';

    echo '</div><div class="flex_column av_one_half  flex_column_div av-zero-column-padding   avia-builder-el-3  el_after_av_one_half  avia-builder-el-last  " style="border-radius:0px; "></div></div></div>';
  }
}

The code doesn’t change form action of ajax search as default search. I disabled Ajax, it’s not necessary in my web.
It’s not working when I clicked to list posts of some category (with archive.php). I type something into the main search and with ajax show 6 posts for example. When hit enter show only 2 in search results. I also use relevanssi search plugin, maybe that’s the problem.

Thanks!

Sorry…Jordan, I made a tricky thing even trickier. Put this css in so the “subtext” or “description” under the menu items is in red and you can see what I’m dealing with better.

Idea is to put the “description” WITHIN the green button so it looks like PART of the green button.

Think client’s descriptions WAY too long, but if I can do it with shorter one, think it will be nice techniche — and perhaps other Enfolders (a new group name!) will like to use, as well.

/*Playing with the "taglines" or "subtext" on the buttons -- the description stuff*/
#top #header #avia-menu li.menu-item a > .avia-menu-subtext{
  display: flex;
  margin-top: -60px;
  color: red;
  font-size: 12px;
  font-weight: lighter;
  letter-spacing: 0.15em;
}

Is it possible?