6.0.3 not working

@robbiethedrummer

There is database connection issue when i try to visit https://bellavitaevents.org . Can you please fix it ? After checking the site, i can check and suggest you the solution.

Thanks

Hello-
Not sue what you mean about database connection? When I go to the site https://www.bellavitaevents.org (it is hosted by GoDaddy) it comes up with no problem. This is a staging site but everything works, I just tested it on all browsers just in case.

Thanks

@robbiethedrummer ,

I am getting this error when trying to access your site.

https://tinyurl.com/yymxrrrs

Thanks

I went through and checked the database and there wasn’t any errors when I ran the repair data base in wordpress. You can try it again and see if that cleared up anything. Let me know if you have any further issues, if so I’ll have to contact GoDaddy tech support

Thanks

@robbiethedrummer

Please go to Setttings Tab from our plugin page and Set Use Absolute Font Path to No and Click in Save Settings. This should fix the issue.

Thanks

Still not working. It works on the website bellavitaevents.com which runs 6.0.2, the font comes up no problem, but it doesn’t work on our staging site bellavitaevents.org which runs 6.0.3

Please let me know if you need me to try anything else, I’m clear out of options right now

Oddly enough the font shows up in the mobile menu when I use this CSS:

@media (max-width: 980px) {
.et_pb_fullwidth_menu_1.et_pb_fullwidth_menu ul li:first-letter {
font-family: “edwardian”!important;
font-size:30px;
word-spacing:0px;
letter-spacing:3px;
padding-right:7px;
}}

But not sure why it won’t show on desktop? Very Strange

@robbiethedrummer

Can you share me your wordpress admin login details at dnesscarkey (AATT) gmail (d00t) com ? You can create a temp admin login for me and delete once i am done.

I will try to fix it from here.

Thanks

Dness-

Just added you as admin to our site.

Thank you
Robbie

Did you ever get the temp admin login I sent to you? Please let me know if you did not

@robbiethedrummer ,

This issue is not related to 6.0.3.

It is related to :first-letter selector which doesn’t work for inline elements.
So you need to make it display block for those elements if you want its first letter to use different css to fonts.

So please make your <a elements as display block. Currently it is display:flex. The following css should work

.et_pb_fullwidth_menu ul.nav .current_page_item {display:block !important}

And that was the reason why it was working in mobile. Because in mobile your a tags are displayed block to show it 1 per line.

Thanks

Hello-
I tried the above and still not working. Perhaps I am overlooking something, but as I said it works on another site using version 6.0.2

The CSS for the mobile DOES show the first letter in Edwardian, but the desktop version doesn’t

Here is the CSS for the navigation I am currently using:
/* NAVIGATION TO CHANGE FONT TO MS EAVES */
.et_pb_fullwidth_menu {
font-family: “mrs-eaves-xl-serif”,serif;
color: #808080;
letter-spacing:5px;
}

/* NAVIGATION TO CHANGE FONT TO MS EAVES AND GOLD COLOR ON HOVER */
.et_pb_fullwidth_menu nav .current_page_item > a:hover {
font-family: “mrs-eaves-xl-serif”,serif;
color: #cea847;
-webkit-transition: NONE .0s ease-in-out;
transition: NONE .0s ease-in-out;
}

/* NAVIGATION TO CHANGE FIRST LETTER TO EDWARDIAN */
.et_pb_fullwidth_menu .current_page_item >:first-letter {
font-family: “edwardian”;
display:block!important;
font-size:36px;
font-weight:500!important;
font-style:normal;
color: #808080;
letter-spacing:3px;
padding-right:3px;
}

/* NAVIGATION TO CHANGE FIRST LETTER TO EDWARDIAN AND GOLD COLOR */
.et_pb_fullwidth_menu nav > .current_page_item > a:hover:first-letter {
color: #cea847;
display:block !important;
}

@media (max-width: 980px) {
.et_pb_fullwidth_menu_1.et_pb_fullwidth_menu ul li:first-letter {
font-family: “edwardian”!important;
font-size:30px;
word-spacing:0px;
letter-spacing:3px;
padding-right:7px;
display:block !important;
}}

@media (max-width: 980px) {
.et_pb_fullwidth_menu_1.et_pb_fullwidth_menu ul li a {
font-size: 16px;
letter-spacing: 7px;
}}

Thank you

Have you used this one ?

.et_pb_fullwidth_menu ul.nav .current_page_item {display:block !important}

And please remove this one

.et_pb_fullwidth_menu nav > .current_page_item > a:hover:first-letter {
color: #cea847;
display:block !important;
}