I may have spoken too soon. lol
There is one menu item that I want to modify independently. It is the ‘Download my contact info’. It is just a little too long for the space. If I could reduce the font size or font spacing would probably do the trick. I have assigned that menu item a custom css class = dmci

Then in Appearance / customizing / custom css
This is my css.

.dmci {
font-size: 20px;
}

I see no change.
I must be missing something. lol

Ok, what did I do wrong? :) I couldn’t find the code that you suggested to remove and added the one that you suggested to add and nothing changed.

This is the current CSS code that I have for the the sliders:

#top .avia-slideshow-arrows.avia-slideshow-controls a {
border-radius: 25px;
font-weight: bold;
font-size: 18px;
background:#transparent;
width: 45px;
height: 30px;
}

I also tried to change background from #transparent to #a6a6a6 !important but still nothing.

Thanks again!

Just now I was able to edit the page. When I clicked update and displayed the page, I saw that I still had to adjust the font size. Again, when I wanted to edit the special header, a blank screen!

Thank you. I am working on setting up staging so I can convert to the child theme.

IN THE MEANTIME.. I noticed my other website does not have the font so big, and after all this, I remember years ago I wanted the images bigger, so you gave me this code to put in the QUICK CSS…

THERE ARE A FEW THINGS YOU GAVE ME IN HERE. CAN WE CHANGE THE PART FOR THE MAGAZINE TO HAVE A SMALLER FONT SIZE USING THIS CODE?

I am giving you the whole section because I don’t know for sure which part is magazine and which is something else.

THANK YOU IN ADVANCE FOR HELPING !!!

THIS IS EVERYTHING IN THE QUICK CSS:
p strong{
color:#000!important;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
color: white!important;
}

.av-magazine-thumbnail {
min-height: auto;
}

#top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
color: white!important;
}

.av-magazine-thumbnail {
min-height: auto;
}
div .slideshow_caption h2 {
text-transform: none;
}

.av-magazine-thumbnail {
width: 135px;
height: auto;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
h2.avia-caption-title {
font-size: 30px !important;
}
.avia-caption-content p {
font-size: 22px !important;
line-height: 24px;
}
}

@media only screen and (max-width: 767px) {
h2.avia-caption-title {
font-size: 20px !important;
}
.avia-caption-content p {
font-size: 14px !important;
line-height: 16px;
}
.slideshow_caption {
padding-top: 20px !important;
}
}

#header_meta .menu li a {
color: #fff !important;
}
.av-burger-overlay-scroll #av-burger-menu-ul a {
color: #fff;
}

.html_av-overlay-side #top #wrap_all .av-burger-overlay-scroll #av-burger-menu-ul a {
color: #fff;
}

.html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::before, .html_av-overlay-side.av-burger-overlay-active #top .av-hamburger-inner::after {
background-color: #fff;
}

#header_meta .sub_menu .menu li a {
color: #030303 !important;
}

.avia_textblock a strong {
color: blue !important;
}

Thank you @Ismael,
regrettably, it doesn’t seem to do anything. I also change the font size to 26px to see and no change at all.
What else can I do?

Same issues. Logo still shows left justified on desktop and on mobile view, the logo is over the top button. There must be code that is working against this. Below is my entire code if you can take a look and see whats wrong. I don’t have products either, so not sure why I have all this code.
I just need to fix these things and we are done with the website.
thanks for your help

.product-sales-count {
font-size: 0.8em;
margin-top: 0;
top: -10px;
position: relative;
}

/* TEXT SHADOW FOR – Fullwidth Easy Slider – Headline: */
.avia_transform .av_slideshow_full .active-slide .avia-caption-title,
.avia_transform .av_fullscreen .active-slide .avia-caption-title
{text-shadow: 2px 2px 2px #717070;}

/* TEXT SHADOW FOR – Fullwidth Easy Slider – Caption Text: */
#top .avia-slideshow .av-slideshow-caption .avia-caption-content p {
text-shadow: 2px 2px #717070;
}

/* TEXT SHADOW FOR – ALL H1 headlines: */
.av-special-heading h1 {
text-shadow: 1px 1px #717070;
}

/* TEXT SHADOW FOR – SPECIFIC H1 headlines: */
.av-special-heading.av-nlr5x-bb365aeef7c91c871c871ed41100301d h1 {
text-shadow: 1px 1px #717070;
}

/* TEXT SHADOW FOR – subheading text: */
#top .av-subheading p {
text-shadow: 1px 1px #717070;
}

#header_meta a, #header_meta span {
font-size: 16px !important;
line-height: 17px;
}

/* Sticky header on mobile */
@media only screen and (max-width: 767px) {
.responsive #top #main {
/* Margin top value should be equal to header height*/
margin-top: 80px;
}
.responsive #top #wrap_all #header {
position: fixed;
}
}

@media only screen and (max-width: 1100px) {
.av-main-nav > li.menu-item { display: none; }
.av-main-nav > li.menu-item-avia-special { display: block; }
}

.phone-info {
font-size: 16px;
}

@media only screen and (max-width: 479px) {
.responsive #top .slideshow_caption h2 {
font-size: 18px !important;
}

.responsive #top .slideshow_caption .avia-caption-content {
font-size: 16px !important;
line-height: 14px;
}

.avia-slideshow-inner, .avia-slideshow-inner li, .avia-slideshow-inner li img {
height: 30vh !important;
}
}

span.avia-menu-text {
text-transform: uppercase;
}

.avia-section.av-minimum-height .container .content {
vertical-align: bottom;
}

.avia-section.av-minimum-height.text-bottom .container .content {
vertical-align: bottom;
}
.avia-section.av-minimum-height.text-top .container .content {
vertical-align: top;
}

.avia-button {
border: 1.5px solid !important;
}

#top .avia-button {
border-radius: 5px !important;
}

@media only screen and (max-width: 767px) {
body, body .avia-tooltip {
font-size: 20px;
}
}

@media only screen and (max-width: 767px) {
.page-id-3230 .avia-builder-el-0.av-minimum-height-100:not(.av-slideshow-section) .container {
height: 767px !important;
}
}

#main .sidebar a,
#footer a,
#socket a {
text-decoration: underline;
}
a.avia-button{
text-decoration:none!important;
}
@media only screen and (max-width: 989px){
.html_mobile_menu_tablet #top #wrap_all .av_header_transparency {
background-color: transparent;
}
.responsive #top #main {
margin-top: 0;
}
}

#top #wrap_all #socket .container {
text-align: center;
}

#top #wrap_all #socket .container {
text-align: center;
}

#top #wrap_all #socket .copyright {
display: block;
float: none;
clear: both;
text-align: center;
}

#top .content .flex_column .widget_nav_menu li {
border-top-width: 0;
border-bottom-width: 0;
}

#footer h3.widgettitle{
border:none!important;
}

@media only screen and (max-width: 769px) {
.flex_column.av-l3szqp26-162f9236fd15346c9c727f5f94b66dce {
min-height: 50vh !important;
}
}

.html_elegant-blog #top .post-entry .post-meta-infos,
.html_elegant-blog .avia-content-slider .slide-meta,
#top .news-time {
display: none;
}

html, body {
background-color: #fff !important;
}

#header:not(.av_header_transparency) #header_main {
-moz-box-shadow:0 5px 5px rgba(182, 182, 182, 0.75);
-webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
}

#top.single-product .product_meta {
visibility: hidden;
}

.is-large.wc-block-cart .wc-block-cart-items th span {
font-size: 2em;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
font-size: 2em;
}

.wc-block-components-form .wc-block-components-text-input.is-active label, .wc-block-components-text-input.is-active label {
display: none;
}

#top div ul.product_list_widget li a {
display: block;
font-weight: bold;
font-size: 1.5em;
line-height: 1.6em !important;
}

#top .dropdown_widget ul.product_list_widget li .quantity {
color: #000000;
font-size: 1em;
}

#top .dropdown_widget .total span.woocommerce-Price-currencySymbol, #top .dropdown_widget .total {
color: #000000;
font-size: 1em;
}

div .product-sorting {
display: none;
}

@media only screen and (max-width: 767px) {
.responsive #top #main {
padding-top: 88px !important;
}
.responsive.html_header_transparency #top #main {
padding-top: 0 !important;
}
}

.page-id-432 .components-flex-item input, .page-id-433 .wc-block-components-text-input input {
padding: 8px 116px;
}

.wc-block-cart__submit-container a .wc-block-components-button__text {
color: #fff;
}

.wc-block-components-address-form-wrapper .components-base-control__label {
top: -50px;
}

.wc-block-components-address-form-wrapper .components-base-control__label {
top: -30px !important;
}

#top .av-product-class-minimal img {
border-radius: 30px !important;
}
#top .av-product-class-minimal img {
border-radius: 30px !important;
}

.select2-container–default .select2-results__option–highlighted[aria-selected], .select2-container–default .select2-results__option–highlighted[data-selected], #top .select2-results {
color: #000 !important;
}

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

/* Add your Mobile Styles here */
#top #bc-custom-section div .flex_column {
width: 46% !important;
margin-left: 3% !important;
border-radius: 30px;
}
}

#top #bc-custom-section div .flex_column img {
border-radius: 30px;
}

.woocommerce-Tabs-panel ul {
list-style: disc;
margin-left: 15px;
}

.woocommerce-Tabs-panel ul, .woocommerce-product-details__short-description ul {
list-style: disc;
margin-left: 15px;
}

#menu-item-150 > a > .avia-menu-text {
color: #f19809!important;
}

#av-burger-menu-ul .menu-item-150 > a > .avia-menu-text {
color:#f19809!important;
}

#menu-item-2076 > a > .avia-menu-text {
color: #f19809!important;
}

#av-burger-menu-ul .menu-item-2076 > a > .avia-menu-text {
color:#f19809!important;
}

.avia-image-container .avia_image, .avia-image-container .avia-image-overlay-wrap {
border-radius: 30px;
}

#footer .textwidget .menu-blissfull-main-menu-container p {
margin: 0;
width: auto;
display: inline-block;
}

@media only screen and (max-width: 767px) {
.responsive .home #wrap_all #av-section-shop-category .flex_column {
width: 48%;
padding: 1%;
}
}

ul.a-unordered-list.a-vertical.a-spacing-mini li {
margin-bottom: 20px;
}

#top .price, #top .price span, #top del, #top ins {
display: inline;
text-decoration: none;
font-size: 24px;
line-height: 24px;
font-weight: 600;
}

.page-id-389 .shop_columns_3 .products .product {
width: 100%;
}

.page-id-91 .shop_columns_3 .products .product {
width: 100%;
}

h1{
text-transform: capitalize !important;
}

.template-page .entry-content-wrapper h1{
text-transform: capitalize !important;
}

a.cart_dropdown_link {
font-size: 28px !important;
}

#top a.cart_dropdown_link span[data-av_icon] {
font-size: 28px;
color: var(–enfold-header-color-color);
}

#top #header .av-main-nav #menu-item-wc-account-icon > a {
color: #f19809;
font-size: 28px;
}

/* Increase base font size on mobile devices */
@media only screen and (max-width: 767px) {
body,
p,
.entry-content {
font-size: 18px !important;
line-height: 1.6 !important;
}
}

@media only screen and (max-width: 767px) {
#top .av-special-heading .av-subheading p {
font-size: 24px
}
}

img[src*=”amazon-adsystem”] {
display: none;
}

#top .av-burger-overlay-bg {
opacity: 0.8;
background: #000;
}

——————–

div .logo {
left: 37%;
}
div.av-burger-overlay-bg {
background-color: rgba(0, 0, 0, .7);
}

#top .av-burger-overlay-bg {
opacity: 0.8;
background: #000;
}

#top .av-main-nav-wrap {
float: right;
position: relative;
z-index: 3;
padding: 0 !important;
margin: 0 0 0 15px !important;
}

.header_color.av_header_transparency .av-hamburger-inner,
.header_color.av_header_transparency .av-hamburger-inner::before,
.header_color.av_header_transparency .av-hamburger-inner::after {
background-color: #FFF !important;
}

#top .av_header_transparency .phone-info,
#top .av_header_transparency .social_bookmarks li a {
color: #FFF !important;
}

#top .av_header_glassy.av_header_transparency .avia-menu.av_menu_icon_beside {
border: none !important;
}

#top .main_menu {
width: 170px
}

#top .logo {
/*width: calc(100% – 170px);*/
width: 100%;
left: unset;
}

@media only screen and (max-width: 767px) {
#av_section_1 .container.av-section-cont-open,
.page-id-910 #av-layout-grid-1 {
padding-top: 130px !important;
}
}

#top .logo img {
left: 50%;
transform: translateX(-50%)
}

@media only screen and (min-width: 768px) and (max-width: 989px) {
.responsive.html_mobile_menu_tablet #top #wrap_all #header {
position: fixed;
}
}

@media only screen and (max-width: 767px) {
#header .social_bookmarks {
display: none !important;
}
}

#top #wrap_all #av-burger-menu-ul li {
font-size: 30px !important;
}

——————-

#av-burger-menu-ul li.av-show-submenu > a > .avia-menu-text {
color: blue;
}
#av-burger-menu-ul li.av-show-submenu > .sub-menu > li > a > .avia-menu-text {
color: #f5c526;
font-size: 20px;
line-height: 20px;
}
.html_av-submenu-hidden #av-burger-menu-ul .av-submenu-indicator:before {
color: #f5c526;
font-size: 20px;
}
#top #wrap_all #av-burger-menu-ul .menu-item-2846 {
font-size: 24px !important;
}

.html_av-overlay-full #top #wrap_all #av-burger-menu-ul li.av-show-submenu li {
line-height: 20px;
}

• This reply was modified 8 months, 1 week ago by bemodesign.

Ok great, but can you get me CSS for smaller Font size for all the “sub menu” items? (So the Main menu fonts size is larger and the Sub Menu is smaller.)