if you look at the source code the pricing tables aren’t real tables they are unordered lists
each column of a pricing table got his own ul – so it must be possible to select them via nth-child option f.e.

.pricing-table-wrap:nth-child(2) {
    color: #009;
    font-weight: bold;
}

BUT
the rules to colorize the prizing tables are set through enfold the same way – and i think quick css does not overwrite these rules accept we set those rules to default color first.
If you don’t like to change every table on your site it is best to give the pricing table you want to change a custom class f.e. rawtable
than you can set the font colors to default to have the chance to change them:

.main_color .rawtable .pricing-table > li:nth-child(2n) {
    color: inherit !important;
}

after that you can change color of font (headings have their own rule – so from this it is not touched)

.rawtable .pricing-table-wrap:nth-child(1) {
    color: #900 !important;
}
.rawtable .pricing-table-wrap:nth-child(2) {
    color: #090 !important;
}
.rawtable .pricing-table-wrap:nth-child(3) {
    color: #009!important;
}

if you have more than a few columns and want to change f.e. every second column :

.rawtable .pricing-table-wrap:nth-child(2n) {
    color: #090 !important;
}

• This reply was modified 8 years, 9 months ago by Guenni007.

but only from this thread here: https://kriesi.at/support/topic/appearance-portfolio-categories/#post-689486

wie gesagt das kleine script von Josue ermöglicht am ipad das shrinken. Also beim runterscrollen geht das auf die 80px oder so an höhe zurück.
Du kannst das auf meiner Seite sehen – scroll mal am Ipad : http://webers-testseite.de/ikom

Bei dem Anderen wüsste ich jetzt nicht adhoc eine lösung.

PS: wenn das im Content beim scrollen der gleiche Hintergrund kommt wie im Header – meinst du es sähe besser aus, wenn der Header einen kleinen Schattenwurf bekommt? sonst verschwinden die Übergänge so oder?

#header_main {
    box-shadow: 0 2px 5px #666;
}

• This reply was modified 8 years, 9 months ago by Guenni007.

muss gehen !

nur diesen Code hier sehe ich in deinem CSS nicht (30% scheinen bei dir zu reichen):

.av-main-nav > li > a > .avia-menu-text, .av-main-nav li#menu-item-search [data-av_icon]::before {
    bottom: -30%;
    position: relative;
}

machen wir mal deutsch weiter – ist auch für mich leichter:

hast du den link gesehen: http://webers-testseite.de/ikom
wie gesagt ich hatte es jetzt mit -23% so eingestellt, dass die Pfeile des Logos auf die Navigation zeigen
wenn Du da wieder -35% einträgst ist es bei 200px header der Boden (ich stelle es mal auf -35% zurück im Beispiel-Link).

Wenn du den Screen mal schmal machst, und das menu togglest, dann ist da auch das logo drin.

Damit mein Code oben greift, müsstest du allerdings erstmal das was du bisher versucht hast verwerfen. denn der Code oben reicht völlig aus, um auch das Shrinken mitzunehmen.

Der zeite Code ist nur dafür da, dass du links neben dem Logo nicht auch noch ein graues Feld hast.

#header #header_main .container {
    padding-right: 30px !important;
    max-width: 100% !important;
    width: 100% !important;
}
#advanced_menu_toggle {
    right: 30px;
    top: 70%;
}

• This reply was modified 8 years, 9 months ago by Guenni007.

what did you do to have the nav points on bottom ?

i only did the following: logo left menu right – shrinking header: and

.av-main-nav > li > a > .avia-menu-text, .av-main-nav li#menu-item-search [data-av_icon]::before {
    bottom: -35%;
    position: relative;
}

thats enough – but you have to get rid of the other settings you did til now:

see here : Link

btw: the shrinking header did not work on default on ipads : Solution see here from Josue
you have to upload a js-file into your child-theme js folder and add a code snippet to child-theme functions.php

Solution

be aware that the wildcard * is there – otherwise only root (landing page) works.

on some pages the http Domains must be verified by Google

btw: nice Maintenance Mode on your Site – what plugin is it ?

and the better question is – how did you integrate the login in that way ?

#top .av-magazine-top-bar {
    border-bottom: medium none;
    float: left;
    width: 30%;
}

.av-magazine-sort {
    float: left;
}

#top .av-sort-by-term a {
    display: block;
    float: none;
}

#top .av-magazine-group {
    clear: none;
    display: block;
    float: left;
    width: 70%;
}

#top .all_sort_button.active_sort {
    display: block;
    float: none;
}

.text-sep {
    display: none;
}

.av-magazine-group.av-hidden-mag {
    clear: none;
    float: left !important;
}

and looks this way:

• This reply was modified 8 years, 9 months ago by Guenni007.

yes strong has its own rule so we than had to set a rule similar to

.nolinkcolor a {
    color: inherit !important;
}

and you have done the custom class on the table?

http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

did you realy read all i wrote on thread before?

see result here – allthough there is a link on contact it is red font color and to show that there is a link after the link an icon (you don’t need that – but how should visitors know that there is a link if no difference between the other table element is seen)

http://webers-testseite.de/elegant/table-with-links-inside/

so you have a link on those Twitter … ?

by default an inline css should overwrite all styles – but try please first with important:

<p style="text-align:left; color:#a81010 !important"><span>CONTACT</span>
<span>FACEBOOK</span>
<span>TWITTER</span></p>

edit : does not work so

give the table a custom class f.e. nolinkcolor and than via quick css

.nolinkcolor a {
    color: inherit !important;
}

and to make it visual that there is a link you can show an icon after those links:

.nolinkcolor a::after {
    content: " \00a0 \e822";
    font-family: entypo-fontello;
}

• This reply was modified 8 years, 9 months ago by Guenni007.

hey a new feature – i did not recognized it til now. And the fix works well – thanks Josue

sorry the search has to be thought of:

.av-main-nav-wrap ul#avia-menu {
    display: inline-flex;
    left: 50%;
    position: relative;
    transform: translate(-50%);
    width: auto !important;
}

#menu-item-search {
    float: left !important;
}

schau mal ob das reicht:

#advanced_menu_toggle {
    right: 10px;
    top: 60px;
}

#advanced_menu_hide {
    border: 2px solid #ecc544;
    right: 60px;
    top: 60px;
}

warum da plötzlich Prozentangaben waren weiss ich nicht

wenn du es natürlich nur unterhalb einer gewissen Screenbreite willst musst du noch media querries hier setzen.

@media only screen and (max-width: 768px) {
#advanced_menu_toggle {
    right: 10px;
    top: 60px;
}

#advanced_menu_hide {
    border: 2px solid #ecc544;
    right: 60px;
    top: 60px;
}
}

• This reply was modified 8 years, 9 months ago by Guenni007.