Hi Ismael,
thank for your reply.

imagine i want to change padding on the first section only at one certain page, for example the homepage. i can use your original solution

.home div#av_section_1 .template-page.content.av-content-full.alpha.units {
    padding: 10px;
}

but what if i need to change one particular page, not the home page
is it enough to just mention the title of the page, in the beginning of the code?
So, there is this page called over-mij, i think this page would NOT need any padding for example , should the code be than:

.over-mij div#av_section_1 .template-page.content.av-content-full.alpha.units {
    padding: 0px;
}

?

Can i just relate to it by mentioning the name of the page, or do i need an ID?

and what if i want to have this code for all the pages on the website? just leave .home away in the code?

————————–

for the fonts: in the settings one can change the fonts, in general, but is there a way to say:
on my Desktop the font-size can be 18px for a title (H3 for example) but on a mobile it should be only 12 px?

best regards, jelle

• This reply was modified 3 years, 1 month ago by jeel147.
• This reply was modified 3 years, 1 month ago by jeel147.
• This reply was modified 3 years, 1 month ago by jeel147.
• This reply was modified 3 years, 1 month ago by jeel147.
• This reply was modified 3 years, 1 month ago by jeel147.
• This reply was modified 3 years, 1 month ago by jeel147.
• This reply was modified 3 years ago by jeel147.
• This reply was modified 3 years ago by jeel147.
• This reply was modified 3 years ago by jeel147.

thx Yigit,
font size ist fine now

but only the second field entry is black now, all others (text and not text area fields) are still light grey. I’ve tried to play with the CSS by adding “text” in addition to “text-area” but was not successful.

Plus, the font color on the “send” Button went also back, this one shall remain white as before….

current appearance on Mac OS / Chrome pls see here:

View post on imgur.com

Cheers, Tilman

• This reply was modified 3 years, 1 month ago by oestersund.
• This reply was modified 3 years, 1 month ago by oestersund.

thx a lot Yigit.

this works, but only on the first entry field (“Objekt”) – pls see here: https://www.eth-solutions.de/fallmeldung/

Plus, I have tried to make the entries font color black with :

#top .wpcf7 input {
font-size: 20px;
font-color: black;
}

But they remain light grey

Which code do I need to habe font color back and every size like the first field?

thx again 6 best regards

Tilman

Hi Mike,
That worked super well, thanks!
Could I ask, what would the two extra lines of code look like if I wanted to increase the font size of the submenu and to align the text to the top (instead of middle)? If that’s possible to do, of course.
Thanks!
Chris

• This reply was modified 3 years, 1 month ago by Chris.

Hey Mike,
Wow – thanks for your weekend support :)
Unfortunately, it didn’t make a difference.
We use the paid version of LayerSlider 7
Also WPRocket and cleared that too.

Here is my complete CSS List. It’s at the top but also tried at the very end.

/* –AS– Menu font color for transparent header */
#top #header.av_header_transparency #header_main .phone_number a {
color: #000 !important;
}

/* –AS– Shortcode Ultimate button text style */
.su-button-text-xl {
font-weight:800,, font-size:18px;
}
/* –AS– Making font “normal” for the main menu */
#top .av-main-nav > li > a {
font-weight: normal !important;
}
/* — AS — SHOWS ACTIVE PAGE IN MENU — */
.av-main-nav>li.current-menu-item>a>.avia-menu-text,.av-main-nav>li.current-page-ancestor>a>.avia-menu-text {
color: #00CCFF !important;
}

/* –AS– Making sub-menu font 15px */
#top .av-subnav-menu li a {
font-size: 30x;
}

/* –AS– Making active sub menu blue */
ul.sub-menu .current-menu-item .avia-menu-text span {
color: #049bd6 !important;
}

/* –AS– stretching the pulldown menu to 280 px */
.main_menu .menu ul { width: 280px; }

/* — AS — MAX MENU SIZE ADJUSTMENTS —
#top #header .avia_mega_div > .sub-menu.avia_mega_hr {
padding-top: 5px;
}
#top #header .avia_mega_div > .sub-menu {
padding: 20px 20px 20px;
}
*/

/* — AS — REMOVE CAPITAL FROM H1-H2 */
h1, h2, h3 {
text-transform: none !important;
}

/* — AS — TABLE ALIGN LEFT SET — */
.avia-data-table td {
text-align: left !important;
}

/* –AS– Reducing spaces between columns */
#top .av-flex-placeholder {
width: 1%!important;
}

/* –AS– HR HTML code in red */
hr { display: block; height: 2px;
border: 0; border-top: 1px solid #00CCFF;
margin: 1em 0; padding: 0;
}

/* — AS — DRAW A VERTICAL LINE — */
div.vr-right{
width: 1px; /* Line width */
background-color: red; /* Line color */
height: 100%; /* Override in-line if you want specific height. */
margin-left: 7px;
margin-right: 7px;
float: right; /* Causes the line to float to left of content.
You can instead use position:absolute or display:inline-block
if this fits better with your design */
}

div.vr-left{
width: 1px; /* Line width */
background-color: red; /* Line color */
height: 100%; /* Override in-line if you want specific height. */
margin-left: 7px;
margin-right: 7px;
float: left; /* Causes the line to float to left of content.
You can instead use position:absolute or display:inline-block
if this fits better with your design */
}

/* — AS — SLIDER ADJUSTMENT — */
.caption_framed .slideshow_caption .avia-caption-content p, .caption_framed .slideshow_caption .avia-caption-title, .avia-caption .avia-caption-content p, .avia-caption .avia-caption-title {
background: transparent;
}

/* — AW — IMA COURSE TABLE — */
.ima-courses .pricing-table-wrap:nth-child(1) .avia-heading-row { background-color: #00CCFF !important; font-size: 18px;}

.ima-courses .pricing-table-wrap:nth-child(2) .avia-heading-row { background-color: #00A0D0 !important; font-size: 18px;}

.ima-courses .pricing-table-wrap:nth-child(3) .avia-heading-row { background-color: #004080 !important; font-size: 18px;}

.ima-courses .pricing-table-wrap:nth-child(4) .avia-heading-row { background-color: #002C50 !important; font-size: 18px;}

.ima-courses .pricing-table { margin-left: 0 !important; padding: 0px 0 !important; }

.ima-courses .pricing-table>li { min-height: 70px; }

/* — AW — Hide Full-Width Menu on Mobile
@media only screen and (max-width: 768px) {
#top .av-submenu-container { display: none !important; }}
— */

/* –AS– Menu font color for transparent header */
#top #header.av_header_transparency #header_main .phone_number a {
color: #000 !important;
}

/* — AW — Mobile Friendly Likert Scale WP Forms — */
@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

.wpforms-field-likert_scale table,
.wpforms-field-likert_scale thead,
.wpforms-field-likert_scale tbody,
.wpforms-field-likert_scale th,
.wpforms-field-likert_scale td,
.wpforms-field-likert_scale tr {
display: block !important;
}
.wpforms-field-likert_scale th {
padding-left: 6px !important;
font-weight: bold !important;
}
.wpforms-form thead tr {
position: absolute !important;
top: -9999px;
left: -9999px;
text-align: left !important;
}
.wpforms-field-likert_scale tr {
border: 1px solid #ccc !important;
}
.wpforms-field-likert_scale td {
border: none !important;
border-bottom: 1px solid #eee !important;
position: relative !important;
padding-left: 50% !important;
}
.wpforms-field-likert_scale td:before {
position: absolute !important;
top: 6px !important;
left: 6px !important;
width: 45% !important;
padding-right: 10px !important;
white-space: nowrap !important;
}
.wpforms-field-likert_scale td:nth-of-type(1):before {
content: “Not yet”;
}
.wpforms-field-likert_scale td:nth-of-type(2):before {
content: “Planning stage”;
}
.wpforms-field-likert_scale td:nth-of-type(3):before {
content: “In developing”;
}
.wpforms-field-likert_scale td:nth-of-type(4):before {
content: “Yes, for 1-3 years”;
}
.wpforms-field-likert_scale td:nth-of-type(5):before {
content: “Yes for more than 3 years”;
}

/* –AS– Menu font color for transparent header */
#top #header.av_header_transparency #header_main .phone_number a {
color: #000 !important;
}
Not sure what else I can try.
Thanks a lot
Axel

Great idea – thank you Guenni007

Have a look at https://fyrholtrejser.dk/rejser/test/ where you see the Sticky Submenu in action.
I am controlling the font size in this menu with the following CSS:

#top .av-subnav-menu li a {
font-size: 17px;
}

How do I make the active menu item underlined only in this Sticky Submenu?