.justify-text {
text-align: justify;
-webkit-hyphens: auto; /* For Safari */
-moz-hyphens: auto; /* For Firefox */
hyphens: auto; /* Standard */
}

#top .av-video-slide .avia-slide-wrap, #top .av-video-slide iframe {
background: #fff;
}

.avia-icongrid-front,.avia-icongrid-flipback {
border-radius: 100%;
min-height: 300px;
min-width: 300px;
}

.av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
width: 20%;
font-size: 20px;
font-weight: bold;
text-align: left;
background-color: #000000;
padding: 8px;
}

@media only screen and (max-width: 767px) {
#top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
flex: 1 1 100%;
}
}

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia-data-table.avia_pricing_minimal tr {
padding-bottom: 20px;
}
}

@media only screen and (max-width: 767px) {
.responsive #top.page-id-472 .avia_responsive_table .avia-data-table tr:first-child th {
display: block;
}
}
.responsive #top.page-id-472 div .avia_responsive_table .avia-data-table td, .responsive #top.page-id-472 div .avia_responsive_table .avia-data-table th {
padding: 0;
}
}

#top .av-82qhko-49fd44439e70710ba9259a5b8656603c .avia-data-table {
border: 0;
padding: 10;

}

div .avia-table {
background: transparent;

}

#top.page-id-472 #main .main_color .avia-data-table * {
border: none;
background-color: #fff;
font-size: 18px;
text-align: left;
}

#top.page-id-472 .main_color .avia-data-table.avia_pricing_minimal th {
color: #666666;
width: 15%;
}

#top.page-id-472 .av-hriqo-df64f73a2229a5a484cc56fae9caca2e .avia-data-table td:before {
display: none;
}

.av-hriqo-df64f73a2229a5a484cc56fae9caca2e table tr th {
width: 20%;
font-size: 20px;
font-weight: bold;
text-align: left;
background-color: #000000;
padding: 8px;
}

.avia-form-success {
text-align: center;
border-style: solid;
border-width: 0px;
padding: 20px 15px;
line-height: 1.4em;
border-radius: 2px;
clear: both;
Font-size: 14px;
font-weight: normal;
text-decoration: none,
}

.page-id-1331 input, .page-id-1331 textarea {
border-color: #009BDD !important;
}

.input_checkbox_label {
color: #6F6571 !important;
}

.responsive #top #av_section_4 .container {
width: 100%;
}

@media only screen and (max-width: 767px) {
#top #av_section_4 .avia-icongrid .av-icon-cell-item .avia-icongrid-flipback {
padding: 0 3em;
}
}

@media only screen and (max-width: 767px) {
#top .avia-icongrid.av-flex-cells.av-break-989 .av-icon-cell-item {
flex: 1 1 100%;
}

.avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-front .avia-icongrid-inner, .avia-icongrid-flipbox .av-icon-cell-item .avia-icongrid-flipback .avia-icongrid-inner {
padding: 0 3em;
}

.all_colors h3 {

line-height: 1.3; /* Adjust the value to increase or decrease spacing */
}

.keinspace span {
display: block; /* Ensure the span is treated as a block element */
margin-top: 0px; /* Adjust margin-top to reduce space */
font-size: 0.7em; /* Adjust the font size smaller */
color: #6F6571; /* Change the text color to grey */

}

.avia-cookie-consent {
width: 100%;
position: fixed;
background-color: #009BDD;
z-index: 999;
color: rgba(255,255,255,0.9);
padding: 1.1em;
text-align: center;
opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out;
overflow: hidden;

}

.avia-cookie-consent-button,
.avia-cookie-info-btn,
.avia-cookie-hide-notification,
.avia-button {
background-color: white !important;
color: black !important;

}

@media only screen and (max-width: 767px) {

/* Add your Mobile Styles here */
#top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
display: block;
}
}

@media only screen and (min-width: 768px) {

/* Add your Mobile Styles here */
#top #header .av-logo-container .av-main-nav>li.av-burger-menu-main {
display: none;
}
}

#avia-menu .menu-item {
display: none;
}
.av-burger-menu-main.menu-item-avia-special {
display: block;
}
}

.container_wrap {
border-top-width: 0;
}

#scroll-top-link {
display: none;
}

.avia_iconbox_title {
font-size: 18px;
color: #6F6571;
}

.avia_iconbox_title:hover {
color: #009BDD; /* Set the font color on hover to blue */
}

#header_main .av-logo-container {
margin-bottom: -14px;
}

HI there,
after the tables initially performed well on Mobile and desktopview, they have now reverted back to the standard layout in desktop view. How could this happen? I have not touched the code for 2 weeks and have not looked at the page. Today suddenly the css for the Table view on desktop doesn’t take hold anymore. Is the handler not called this anymore? #top.page-id-472 .av-hriqo-df64f73a2229a5a484cc56fae9caca2e .avia-data-table

It needs it be like this:
1. no borders
2. no grey background
3. font sizes bigger, both 16px
4. font in first column is blue
5. all fonts in cells align left

I suspect that the handler name somehow changed itself? can you please check? I would not like to go through adjusting the css again from scratch since it was so much hassle to get it right…

Bets, Peter

• This reply was modified 1 year, 12 months ago by ausgesonnen.

Thanks,
Unfortunately, that code does not seem to change the font size on any of my browsers in either landscape or portrait mode, even after clearing all browser history/caches etc., and clearing all caches in wordpress interface. I have also closed the browsers, restarted my phone, and made sure that everything is up to date.

When I was just changing the padding, the changes took place immediately, even if I didn’t clear any caches/history.

This doesn’t really make sense to me since your code looks just like other code y’all have provided.
J

That works. I’ll use the Advanced Styling for the desktop sites and will use the quick css for the mobile devices.

What would I add to the quick css for mobile devices to be able to change font size?

J

Oh, I just found that since changing the button size is just a matter of increasing padding, I can do that in Advanced Styling > Buttons > Padding Top/Bottom and Padding Left/Right.

I can tweak font size there too so the button doesn’t look too large for the font.

I removed the CSS since it didn’t affect the mobile display. Any idea why the Special Heading shows a different font on mobile and also on an iPad than on a laptop? By selecting the font in General Styling: Fonts, shouldn’t the font be the same on every device regardless of screen size?

Were you able to see the different fonts on your mobile device compared to a laptop?