I tried with tablepress, the problem remains, even after I added below custom css to the plugin. (or should I add this somewhere else in enfold to overwrite enfold features? please find the settings attached in the private content. insofar I only tried to fix the opening hrs in the footer.

.tablepress {
line-height: 25px;
font-size: 15px;
font: Open Sans;
border: none;
background: transparent;
color: #FFFFFF;
border-collapse: collapse;
border-spacing: none;
white-space: nowrap;
}

Hi Rikard,

Looks like it is working — but now the sort terms on my masonry portfolio aren’t showing up (it’s a left bar) It was working before, see the coder below. I’m adding the page link in the private content.

.html_elegant-blog .avia-content-slider .slide-entry-title, .av-inner-tab-title {
text-transform: none !important;
}

.blog-categories.minor-meta {
display: none;
}

.av-button-description.av-button-description-below p {
color: #333 !important;
}

.avia-content-slider span.blog-categories.minor-meta,.avia-content-slider footer .slide-meta {
display: none !important;
}

#av-masonry-1 .av-masonry-sort {
visibility: hidden !important;
opacity: 0 !important;
}

.av-masonry-entry-content.entry-content {
color: #333;
}

.more-link {
color: #1c80a5 !important;
font-size: 12px;
text-align: left;
text-transform: none;
}

#top div.container .av-masonry.sort-left .av-masonry-sort {
width: 23%;
float: left;
}
.av-masonry.sort-left .av-masonry-container {
width: 70%;
float: left;
clear: none;
}

#top .av-masonry.sort-left .av-sort-by-term {
float: none !important;
}

#top .av-masonry.sort-left .av-sort-by-term a {
display: block;
text-align: left;
float: none !important;
clear: both;
}

#top .av-masonry.sort-left .av-sort-by-term .text-sep {
display: none;
}

.av-masonry-entry-title.entry-title {
font-size: 14px !important;
text-align: center;
}

.av-masonry-entry-content.entry-content {
font-size: 14px !important;
line-height: 1.5em;
text-align: center;
}

.grid-entry .inner-entry{
box-shadow:none!important;
}

.main_color .av-sort-by-term a {
background-color: #1c81a5;
font-size: 18px;
display: inline-block;
margin: 25px;
padding: 0 15px;
border-radius: 5px;
}

.main_color .av-sort-by-term a.active_sort {
color: #ffffff;
}

.av-inner-masonry {
border-radius: 5px;
}

.av-inner-tab-title {
font-size: 10px;
}

Hi
On “normal” pages the font is correct (First Link). Within Beiträge/Posts the font is too small, the bullet points are in the correct size (second Link).
Do you have any idea how to solve this problem?
Thanks in advance for you help :-)

Hi,

yes, i could fix the height of the header in Enfold>Header>custom height in pixels and this code:

.av_minimal_header .header_bg{
height: 100px;}
}

.html_header_top.html_header_transparency #header {
height: 100px;}

Unfortunatley this code snippets don’t work any more (they work fine when i don’t set a custum header height)

/*change color for wpml languae switcher on scroll*/

.responsive #top .header-scrolled .wpml-ls-legacy-list-horizontal a {
color: #7c6853!important;
background: transparent;
}

/*change color and background of “MENÜ” on scroll*/

.responsive #top .header-scrolled span.av-hamburger:after {
content: ‘MENÜ’;
padding-left: 10px;
font-size: 20px;
color: #7c6853!important;
float: right;
margin-right: 5px;
}

.responsive #top .header-scrolled .av-hamburger{
background: #ebebeb!important;
padding-left: 50px;
margin-left: -50px;
padding-right: 10px;
}

Can you help me with this?

Thank you
Katharina

Yes, I moved the site over to its permanent domain. I don’t know if you read both posts, but I quickly figured out that is was because the font size was set to Heading instead of Paragraph. Issue was already resolved.
I don’t know why you would suggest the Special Heading element when it has far less control than Text Block and you definitely cannot change the font size based on screen sizes at all with Special Heading.