Page 125 – Support | Kriesi.at – Premium WordPress Themes

Hi Jordan,
Thanks for your reply. Sorry, no time to check before…

Here is my css :

/*Theme Name: Enfold Child
Description: A Child Theme for the Enfold WordPress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://kriesi.at
Template: enfold*/

@import url(“../enfold/style.css”);

#header_meta {
border-top: none;
box-shadow: none;
}

.avia-menu-fx, .avia-shadow, #header_meta {
background-color: transparent !important;
border: none !important;
border-top: none !important;
box-shadow: none !important;
}

#header_main{
border-bottom-width: 0px!important;
border-bottom-style: solid;
z-index: 1;
}

.html_modern-blog .avia-content-slider .slide-entry-title {
font-size: 15px!important;
text-align: left;
letter-spacing: 1px;
}

/*
#footer .container{
border-top: 1px solid #f3f3f3 !important;
margin-top: 50px!important;
}
*/

/* decrease footer height */
#footer {
padding: 0;
}
#footer .widget {
margin: 20px 0 10px 0;
}

.avia-search-tooltip {
margin-top: 25px!important;
}

/* Move MAIN MENU down*/
.av-main-nav > li > a { line-height: 180px !important; }

/* MAIN MENU */
.av-main-nav > li > a {
font-weight: 300!important;
font-family: ‘Titillium Web’, sans-serif !important;
text-transform: uppercase!important;
}

.main_menu {
margin-top: 0px!important;
}

#top #avia-menu .av-language-switch-item {
display: none;
}

.av-main-nav ul li a {
border: 0 !important;
}

/* * Start top header bar * */

/* Regular menu links */
.header_color .sub_menu>ul>li>a {
color: #ffffff!important;
text-decoration: none!important;
font-size: 13px!important;
font-weight: 300!important;
font-family: ‘Titillium Web’, sans-serif !important;
letter-spacing: 0.06em!important;
}

/* Current page menu link */
.sub_menu li.current-menu-item > a,.sub_menu a:hover {
color: #f7a71f!important;
text-decoration: none!important;
}

.sub_menu > ul > li:hover > a {
color: #f7a71f!important;
}

.sub_menu li {
border-right-style: solid;
border-right-width: 1px;
border-color: #ffffff!important;
line-height: 10px;
}

#top .social_bookmarks li {
border-right-style: solid;
border-right-width: 0px!important;
}

/* * End Top header bar * */

/* Main Sub Menu styling */
#top #header .mega_menu_title a {
color: inherit;
font-size: 14px;
line-height: 1.1em;
color: #ffffff!important;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
background-color: transparent;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
border-top-width: medium;
border-right-width: medium;
border-bottom-width: medium;
border-left-width: medium;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: currentcolor;
border-right-color: currentcolor;
border-bottom-color: currentcolor;
border-left-color: currentcolor;
border-image-source: none;
border-image-slice: 100% 100% 100% 100%;
border-image-width: 1 1 1 1;
border-image-outset: 0 0 0 0;
border-image-repeat: stretch stretch;
}

#top .av-main-nav ul a{
width: 100%;
height: auto;
float: left;
text-align: left;
line-height: 23px;
padding-top: 8px;
padding-right: 15px;
padding-bottom: 8px;
padding-left: 15px;
font-size: 15px!important;
font-weight:300!important;
min-height: 23px;
max-width: none;
text-decoration-color: currentcolor;
text-decoration-line: none;
text-decoration-style: solid;
font-family: inherit;
}

/*
#top #header .avia_mega_div > .sub-menu{
display: table;
padding-top: 20px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;
border-top-style: solid;
border-top-width: 0px!important;
background-color: #ffffff!important;
}
*/

/* Immeubles Grid */
.grid-entry-excerpt {
font-size: 14px!important;
font-style:normal!important;
margin-bottom: -2px!important;
margin-top: 10px!important;
font-weight: 300!important;
font-family: ‘Titillium Web’, sans-serif !important;
}

.grid-entry-title {
font-size: 16px!important;
font-weight: 500;
}

/* MAP LIST PRO Styling */
body .prettyMapList .mapHolder{
height:580px!important;
}

.prettyMapList .prettyFileBar .prettyMapListSearch
{
display:none!important;

}
.infoWindowContainer.infobox {
border-top-width: 0px!important;
border-right-width: 0px!important;
border-bottom-width: 0px!important;
border-left-width: 0px!important;
}

/* Post Navigation left and right */
#top .avia-post-nav{
position: fixed;
height: 110px;
top: 50%;
background-color: #f7a81f!important;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-clip: border-box;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto auto;
color: #ffffff;
margin-top: -55px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
text-decoration-color: currentcolor;
text-decoration-line: none;
text-decoration-style: solid;
z-index: 501;
transform: translate3d(0px, 0px, 0px);
}

/* Download Monitor tweaks */
.download_monitor ul.disc, .entry-content-wrapper ul {
list-style:none!important;
}

.download_monitor, .entry-content-wrapper li{
margin-bottom:5px!important;
border-bottom: 1px solid #f2f2f2;
}

.dlm_download_list{
margin-left: -10px!important;
padding-top: 5px!important;
padding-right: 0px;
padding-bottom: 5px!important;
padding-left: 0px;
text-decoration: none!important;
font-size: 13px!important;
letter-spacing: 0.03em!important;
}

/* GRID PROPRIETE */
.grid-entry .inner-entry {
margin-right: 20px!important;
margin-bottom: 20px!important;
}

/* MOBILE tweaks */

@media only screen and (max-width: 767px) {
#menu-item-search {display:none!important;}

nav.sub_menu {
color: #ffffff!important;
text-decoration: none!important;
font-size: 10px!important;
font-weight: 300!important;
font-family: ‘Titillium Web’, sans-serif !important;
letter-spacing: 0.01em!important;
padding-right: 5px!important;
}

#header { display: none!important; }

body {
font-size: 14px!important;
}
td
{
font-size: 14px!important;
}
th {
font-weight: bold!important;
font-size: 14px!important;
font-style: normal!important;
}
}

.av-hamburger-inner
{
display: block;
top: 50%;
margin-top: -50px!important;
}

I cannot find what to do to avoid this problem. A setting somewhere in the Enfold Child section ?

Thanks for your precious help !

Best regards,

Marc

June 3, 2020 at 12:10 pm #1219022

Topic: How can I make css changes table only visible for table with class X

in forum Enfold

jannnnnneke

Participant

Hi, I gave the table the class ‘sponsorbedragen’ and I’ve made some changes, but I only want those changes to be visible at the tables with the class ‘sponsorbedragen’. How can I do that? It’s not working everywhere..

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;
}

.main_color tr:nth-child(even) {
color: #000000 !important;
}

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

.sponsorbedragen th:first-child {width: 25%;}
.sponsorbedragen th:nth-child(2) {width: 60%;}
.sponsorbedragen th:nth-child(3) {width: 15%;}

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
letter-spacing: 0px;
}

.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 (min-width: 768px) {
.page-id-25 .responsive .avia_responsive_table .avia-data-table, 
.page-id-25 .responsive div .avia_responsive_table .avia-data-table tbody, 
.page-id-25 .responsive div .avia_responsive_table .avia-data-table tr, 
.page-id-25 .responsive div .avia_responsive_table .avia-data-table td {
border: 1px solid #969696 !important;
}
.page-id-25 .responsive div .avia_responsive_table .avia-data-table th {
border: 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;
}

thanks!

June 2, 2020 at 11:57 pm #1218880

Topic: Tab Section Inner Titles & Spacing

in forum Enfold

tremblayly

Participant

Hi
Because I don’t use icons/images, just text, I tried several CSS code that I found that increase font-size of the tab titles, but none worked for me.
I tried to create my own ID element (my-tab-title) but when it applies the font size, it messes up the spacing between the tabs as well as increase the content heading title (that is not what I want).
I want the navigation tab title to be 20px and centered (it think they are already centered).
I included a link to my page that’s in development now along with credentials you need to access the site.

June 2, 2020 at 8:09 am #1218656

In reply to: Barres horizontales présentes en bas d'un article de blog et taille typo du blog

Hi,

Thanks for that. Please try this for the lists:

#top ul li span, #top ul li strong {
    font-size: 18px;
    line-height: 28px;
}

And this for the buttons:

.avia-buttonrow-wrap a span {
    font-size: 18px;
}

Best regards,
Rikard

June 2, 2020 at 7:08 am #1218650

In reply to: Issue with font-size in list-style

Hey Jak73,

I’m seeing the same font size in your lists as in the rest of your content, please try loading the site in an incognito or private window to see if that helps.

Best regards,
Rikard

June 2, 2020 at 7:04 am #1218647

In reply to: Not able to change font size

Hi,

I can see the CSS Victoria gave you applying on your site, please try loading it in an incognito or private browser window.

#top #wrap_all p {
    font-size: 18px;
    line-height: 28px;
}

Best regards,
Rikard

June 1, 2020 at 8:55 pm #1218520

Topic: Adding custom CSS in Enfold rather than WordPress Appearance

in forum Enfold

Sandy

Participant

My website uses a forms plugin to create forms. The buttons on the forms do not natively take on the theme button styles, so the plugin folks have supplied CSS for the buttons. They mention placing the CSS into WordPress Appearance > Customize > Additional CSS. Enfold has its own Custom CSS field, however. Do you recommend instead placing this CSS in the Enfold Custom CSS field, and what changes are needed to make it work?

input[type=”button” i]
{
background-color:rgb(0, 169, 225);
border-bottom-color:rgb(0, 135, 192);
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-bottom-style:solid;
border-bottom-width:1px;
border-image-outset:0;
border-image-repeat:stretch;
border-image-slice:100%;
border-image-source:none;
border-image-width:1;
border-left-color:rgb(0, 135, 192);
border-left-style:none;
border-left-width:0px;
border-right-color:rgb(0, 135, 192);
border-right-style:none;
border-right-width:0px;
border-top-color:rgb(0, 135, 192);
border-top-left-radius:3px;
border-top-right-radius:3px;
border-top-style:none;
border-top-width:0px;
box-sizing:border-box;
color:rgb(255, 255, 255);
cursor:pointer;
display:inline-block;
font-family:montserrat, HelveticaNeue, “Helvetica Neue”, Helvetica-Neue, Helvetica, Arial, sans-serif;
font-size:20px;
font-stretch:100%;
font-style:normal;
font-variant-caps:normal;
font-variant-east-asian:normal;
font-variant-ligatures:normal;
font-variant-numeric:normal;
font-weight:700;
height:61px;
line-height:24px;
margin-bottom:3px;
margin-left:0px;
margin-right:0px;
margin-top:3px;
max-width:100%;
min-width:90px;
outline-color:rgb(255, 255, 255);
outline-style:none;
outline-width:0px;
padding-bottom:18px;
padding-left:18px;
padding-right:18px;
padding-top:18px;
position:relative;
text-align:center;
text-decoration-color:rgb(255, 255, 255);
text-decoration-line:none;
text-decoration-style:solid;
text-size-adjust:100%;
vertical-align:baseline;
width:186.445px;
}

June 1, 2020 at 8:01 pm #1218508

In reply to: default font sizes for small screens

williamslyd

Hi,

Here is my question: how does Enfold handle responsive font sizes? Does Enfold reduce the size of fonts by a percentage or are there set default font sizes for the <p> and various H tags as screen sizes shrink? I cannot find any code related the responsiveness of fonts in the css files you linked to. Could you please point me the precise code in the specific file in the css folder that addresses this?

THanks,

Lydia

June 1, 2020 at 6:46 pm #1218489

In reply to: H-Headlines / The fontsize don't adjust on mobile

designbasis

Hi Mike,

also sorry for my late reply and thx for yours!
Your snippet works very fine…thx again very much!
Is it possible to use the snippet for all other “h” tags,
too – means – can I change it to h1, h3 and so on
and it works too? Or is the fontsize of 14pt only for h2
and the other h-tags have other sizes? And what would
those be?

Thanks in advance…

Kind regards
Carsten

June 1, 2020 at 9:27 am #1218378

Topic: Issue with font-size in list-style

in forum Enfold

Jak73

Participant

Hi,
i have a problem with the font size in list-style.
In my listing the font-size appears smaller then it should.
Should be same size like font size in body.
Any idea?
Please have a look.

Kind regards Jak

This topic was modified 5 years, 10 months ago by Jak73.

May 30, 2020 at 10:40 pm #1218085

Topic: Responsive issue, the appearance indications I make on PC/mobile not working

in forum Enfold

jlabbat

Participant

Hi,
New on this forum, novice in website creation, I am struggling with a responsive issue on my wife’s website. I created this website a few months ago, and I made a few modifications in the last weeks. Everything went fine until 3 days ago, when my landing page became a huge mess on mobile devices. SO I checked and I noticed that the appearance instructions I made (some blocks only visible on PC screen, other only on mobile, font sizes on PC and mobile, …) were not followed by the theme.

I tried several times to undo and do the responsive instructions. I made all the updates I could and still nothing. If anyone has an idea it would be a huge step for me.

PS : I am french and really new inwebsite creation so I will do my best to understand tyour technical answers !

My wordpress config :
– Version de WordPress : 5.4.1
– Version de PHP/MySQL : 7.2.31 / 5.5.5
– Thème utilisé : Enfold
– Thème URI : http://kriesi.at/themes/enfold/
– Extensions en place : Child Themify (2.0.1), Contact Form 7 (5.1.9), Duplicate Post (3.2.4), Flip Box Carousel (1.1.0), Forum_wordpress_fr (4.2), Google XML Sitemaps (4.1.0), Minimal Coming Soon & Maintenance Mode (2.17), Photo Gallery (1.5.56), TinyMCE Advanced (5.4.0), UpdraftPlus – Backup/Restore (1.16.25), Yoast SEO (14.2)
– Adresse du site : http://paulinelabbat.fr
– Nom de l’hébergeur : Apache/2.4.25 (Debian)

May 30, 2020 at 6:04 pm #1218060

In reply to: Barres horizontales présentes en bas d'un article de blog et taille typo du blog

Aurorer92

This is almost perfect !

The font size has worked except for bulleted list font size !

Is there a special CSS for that ??

Regarding buttons, I have some pages with lines of button and I can change the design or the color but not the font size of the text.

May 30, 2020 at 4:31 pm #1218025

In reply to: Barres horizontales présentes en bas d'un article de blog et taille typo du blog

Hi Aurorer92,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css


#top p {
    font-size: 18px;
    line-height: 28px;
}

Which buttons are you referring to?

If you need further assistance please let us know.

Best regards,
Victoria

May 30, 2020 at 2:45 pm #1217999

In reply to: default font sizes for small screens

williamslyd

Thank you, but I need to know where I find all of
default font sizes for all screen sizes.

Thanks again

May 30, 2020 at 2:41 pm #1217998

In reply to: i want to keep company name next to logo

Guenni007

Give this a try get rid of all code above – it will be included here in a whole bunch.
On mobile or responsive case this header stayes fixed – on very small screens your headline will be in 3 lines:

@media only screen and (min-width: 768px) {
  .logo img {
    float:left
  }

  #top .logo,
  #top .logo a {
    overflow: visible !important;
  }

  #top .subtext {
    float:left;
    position:relative;
    padding-left: 18px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);   
  }

  #top .subtext .logo-title h1 {
    margin-bottom: 0 !important;
    transition: all 0.5s ease
  }

  .header-scrolled .subtext h1 {
    font-size: 18px;
    transition: all 0.5s ease
  }
}

/****** no conflict with Main Menu and Logo *************/
@media only screen and (min-width: 768px) and (max-width: 840px) {
 .subtext h1 {
    font-size: 24px !important;
    transition: all 0.5s ease
  }
}

/****** responsive case when burger is visible *************/
@media only screen and (max-width: 767px) {
  .responsive #top #wrap_all .container {
    width: 95%;
    max-width: 95%;
  }
   
  #header {
    position: fixed !important;
    height: 80px !important;
    max-height: 80px !important;
  }
  
  .responsive #top .logo {
    display: flex !important;
  }
    
  .responsive #top .av-logo-container ,
  .responsive #top .logo a,
  .responsive #top .logo img {
    height: 80px !important;
    max-height: 80px !important;
  }
  
  .responsive #top .av-main-nav .menu-item-avia-special a {
    height: 80px !important;
    line-height: 80px !important;
  }
   
  .logo img {
    float: left
  }
  
  #top .subtext {
    float:left;
    position:relative;
    padding-left: 18px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 
  }
  
  #top .subtext .logo-title h1 {
    font-size: 18px !important;
    margin-bottom: 0 !important;
    transition: all 0.5s ease;
    font-size: 22px !important;
  }  
}

/****** Very Small Screens Iphone 5 etc *************/
@media only screen and (max-width: 399px) {
  #top .logo,
  #top .logo a {
    overflow: visible !important;
  }
  
  #top .subtext .logo-title h1 {
    word-wrap:  break-word !important;
    white-space:  normal !important;
  } 
  
  .logo img, #top .subtext {
    float: none
  }
  
  #top .subtext {
    position: absolute;
    padding-left: 80px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); 
  }
}

May 30, 2020 at 1:56 pm #1217995

In reply to: Barres horizontales présentes en bas d'un article de blog et taille typo du blog

Aurorer92

It works !!!!!

Thanks :-)

And regarding the font size of the blog, is there a CSS code ?

Same question for the size of the text on the buttons.

May 30, 2020 at 1:18 pm #1217988

In reply to: Not able to change font size

Hi Jak73,

The body font size is a very general setting and so many elements override it or you have some error in the css so that the css breaks and does not apply.

Please try this code:


#top #wrap_all p {
    font-size: 18px;
    line-height: 28px;
}

Best regards,
Victoria

May 30, 2020 at 1:15 pm #1217986

In reply to: How to change font hight of »catalog«

Hi Sylvia,

Please try to use the code like this:



#top .av-catalogue-title {
    font-size: 22px;
    text-transform: none;
    padding-right: 85px;
}

If you need further assistance please let us know.
Best regards,
Victoria

May 30, 2020 at 1:08 pm #1217982

In reply to: ENFOLD – Font & Padding management for mobile devices

Hi phoenixdivers-kohlanta,

Please start a separate thread, describe your issue there and give us a link to your website.

Please explain what changes do you need? Change the font size or line height?

Best regards,
Victoria

This reply was modified 5 years, 10 months ago by Victoria.

May 30, 2020 at 12:51 pm #1217975

In reply to: default font sizes for small screens

Hey williamslyd,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css


@media only screen and (max-width: 767px) {
  #top .all_colors p {
      font-size: 20px;
  }
}

If you need further assistance please let us know.

Best regards,
Victoria

May 30, 2020 at 12:48 pm #1217972

In reply to: i want to keep company name next to logo

Guenni007

.logo, .logo a {
    overflow: visible !important;
}

and – sorry Victoria – maybe this is a little more elegant:
– so get rid of :

.subtext {
    display: block;
    left: 120px;
    position: relative;
    top: -65px;
}

.header-scrolled .subtext h1 {
    font-size: 18px;
}

and instead – and maybe only for non-responsive case

@media only screen and (min-width: 768px) {
  .logo img {
    float:left
  }

  #top .logo,
  #top .logo a {
    overflow: visible !important;
  }

  #top .subtext {
    float:left;
    position:relative;
    padding-left: 18px;
    top:50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  #top .subtext .logo-title h1 {
    margin-bottom: 0;
  }

  .header-scrolled .subtext h1 {
    font-size: 18px;
    transition: all 0.3s ease
  }
}

after that we will see how to style the small screens.

best would be to include the heading font-size with shrinking amount – but that will be done only with a child-theme avia-snippet-sticky-header.js file

May 30, 2020 at 6:12 am #1217907

In reply to: H1 Title in Smartphone

Hi,

Please replace the CSS Jordan sent with this:

@media only screen and (max-width: 767px)  {
.template-page .entry-content-wrapper h2 {
    font-size:100%!important;
    word-break: break-word;
}
}

Best regards,
Rikard

May 29, 2020 at 5:28 pm #1217817

Topic: default font sizes for small screens

in forum Enfold

williamslyd

Participant

Where do I find the default font sizes for various screen sizes? It appears that Enfold is automatically reducing some <p> sizes on mobile view to under 17px which is what I have set in General Styling settings and I am getting dinged by Google for not being mobile friendly.

May 29, 2020 at 5:21 pm #1217815

In reply to: i want to keep company name next to logo

Hey dith_solanki,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css


.subtext {
    display: block;
    left: 120px;
    position: relative;
    top: -65px;
}
.header-scrolled .subtext {
     top: -35px;
}
.header-scrolled .subtext h1 {
    font-size: 18px;
}

If you need further assistance please let us know.

Best regards,
Victoria

May 29, 2020 at 4:25 pm #1217782

In reply to: How to change font hight of »catalog«

Hi Sylvia,

Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css


.av-catalogue-title {
    font-size: 22px;
    text-transform: none;
}

If you need further assistance please let us know.

Best regards,
Victoria

May 29, 2020 at 12:14 am #1217549

In reply to: Styling a Fullwidth Sub Menu

robertopane