HI, thanks – that works, but how do I get the letters centered? And how do I change the size of the font? If I change the size of the top bar I also want to change the writing.Thanks!!!

Hey Victoria,
I mean the titel under each image. How can I increase the font size of the titel?
SEYCHELLES Cerf Island Resort etc..

I want to increase, not decrease as I wrote first.

Thanks!
Charlotte

Already tried that. I’ve also removed the custom CSS that was added in the Quick CSS section of Enfold. Same issues.
All plugins except TEC and ECP are now currently deactivated, I’m leaving them deactivated until I hear back from you. (This is for the fatr.spi…. domain. The other site is live.)
Here is an example of the issue again – http://fatr.spidercreations.net/event/live-music-sweet-surrender-acoustic-duo/
Steve

The removed CSS is included here for reference:

/* GENERAL */

/* The following class will SHOW elements when width is below --px, more in functions.php   [sjm 20180601]*/
@media only screen and (min-width: 671px) {
.show-mobile { display: none; }}

/* The following class will HIDE elements when width is below  --px, more in functions.php  [sjm 20180601]*/
@media only screen and (max-width: 670px) {
.hide-mobile { display: none; }}

/* the following will just hide an element that is on a page. This is good for seasonal stuff. */
.hide { display: none !important; }

/* HEADER */

.header_color .header_bg{background-color: rgba(255,255,255,.7);}

#top .av_header_glassy.av_header_transparency #header_main {
background-color: rgba(255,255,255,0.7);
}

/* This moves the logo over to the LEFT, when selecting Logo & Menu Centered in the settings */
.html_header_top.html_logo_center .logo {
    left: 0;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

/* Placement of the two widget added in header [sjm 20180712]*/
div#text-2 {
  left: 50%;
  padding-top: 0;
  position: absolute;
  top: 18px;
  z-index: 999;
}
div#text-3 {
 right: 7%;
float: right;
  padding-top: 0;
  position: absolute;
  top: 24px;
  z-index: 998;
}

/* MAIN NAVIGATION MENU */

/* Let's change the small highlight line under main menu to the light bronze color */
.avia-menu-fx {
    background: #db8a58 !important;
}
.html_header_top .header_color .main_menu ul:first-child >li > ul, .html_header_top #top .header_color .avia_mega_div > .sub-menu { 
border-top-color: #ac2e28 !important; 
}

/* SLIDER ADJUSTMENTS FOR HOME PAGE */

/* Let's remove the white space under the home page slider */
#revolutionslider_1 {
min-height: 0px !important;
}

/* CONTENT, BLOG POSTS, AND PAGES */

/* Underline links in the content */
.avia_textblock a {
text-decoration: underline;
}

/* Let's remove the image at the top of every blog post. We're removing the image for BOTH Enfold options  [sjm 20180530]*/
.small-preview{ display: none !important; }
.post-entry .big-preview{ display: none !important; }

/*Change the default blog post from centered and full justify to left justify, filling 90% of page width   [sjm 20180530]*/ 
#top .fullsize .template-blog .post .entry-content-wrapper > *, #top .fullsize .template-blog .post .entry-content-wrapper { max-width: 90%; text-align:left;}

/* Let's add the underlink for links on page and post content */
.entry-content a {
text-decoration: underline !important;
}

/* In the slider on the home page, this reduces the font size for the headline */
.wprpsp-recent-post-carousel h2.wprpsp-post-title a, .wprpsp-recent-post-slider h2.wprpsp-post-title a, .wprpsp-gridbox-slider h2.wprpsp-post-title a {
    font-size: 18px !important;
}

/* FOOTER WIDGETS */
.widget ul li a {
font-size: 16px !important;
line-height: 1.0;
}

/* SPECIAL ELEMENTS - CLASSES for HIGHLIGHTS */
.highlight1 {
background-color:rgba(255,255,0,0.3);
}

/* Font size for the buttons - Large */
.avia-button {
font-size: 18px !important;
}

/* Notification box change from uppercase to normal */
.avia_message_box_content {
    font-size: 18px;
    text-transform: none;
}

/* Edit the tabs on the left Trail Report page */
.js_active .tab {
      padding: 50px 16px;
      font-size: 1.8em;
}

/* Let's make the image a square on the events carousel and the event page itself. Actually, this code just makes it fit. */
#ect-carousel-wrapper .ect-carousel-image {
background: #fff !important;
}

.ect-carousel-image img {
object-fit: contain !important;
}

/* Solve the issue with the home page slider layover [20190128 sim] */
.html_header_transparency #top .avia-builder-el-0.avia-layerslider {
    height: auto !important;
}

All my headings seem to follow this :

/*default*/
h1, h2, h3, h4, h5, h6 {
/* font-family: “Georgia”, “Times New Roman”, Helvetica, Arial, sans-serif; */
font-weight: 600; }
#top h1 a, #top h2 a, #top h3 a, #top h4 a, #top h5 a, #top h6 a { font-weight: inherit; text-decoration: none; color: inherit; }
#top h1 strong, #top h2 strong, #top h3 strong, #top h4 strong, #top h5 strong, #top h6 strong { color: inherit; }
h1 { font-size: 34px; line-height: 1.1em; margin-bottom: 14px;}
h2 { font-size: 28px; line-height: 1.1em; margin-bottom: 10px; }
h3 { font-size: 20px; line-height: 1.1em; margin-bottom: 8px; } /*28*/
h4 { font-size: 18px; line-height: 1.1em; margin-bottom: 4px; } /*21*/
h5 { font-size: 16px; line-height: 1.1em; } /*17*/
h6 { font-size: 14px; line-height: 1.1em; }

Instead of my settings in Enfold Child > Advanced Style

Hi Victoria,
You’re the best! Thank you! This works great. The only issue is that the background on part of the top nav item isn’t filling the entire rectangular area as it does with the sub nav menu items. Also the text link isn’t aligned with the text links in the sub nav menu. Can we fill in the entire background as well as have the text align with the sub nav menu item text? Thank you!

/* SECONDARY TOP NAV STYLING FIX */
#top #header .sub-menu {
left: 0;
}
#top #header_meta nav li.menu-item:hover > a {
color: #57c7ef;
background-color: #444;
border: none!important;
}
#top #header_meta nav li.menu-item:hover {
background-color: #444;
}
#top #header_meta nav li {
height: 31px;
}
#top #header .sub-menu li a {
font-size: 12px !important;
}

I mean different font sizes
or colors

Thank you very much

Good morning Vittoria, I send you links of the sites made by us and the link of the site that we absolutely like as the style and font size of the woocommerce graphics which in your demo is always very small. Enfold is extraordinary we use it for all our works, we would like your modern DEMO SHOP and with the style similar to the example. I know I ask for a lot. Do you have any new demo templates in anticipation of a shop?
tanx grazie mille :)