[ambermax]

good morning, I would like to use the VERDENA font for all pages; I selected Verdena as default and published, but the Editor continues to impose Helvetica; I would like to know how to impose Verdena

[sujapati]

@ambermax: Apologies for the inconvenience.. We’ve tested it on our server, and everything works perfectly both editor and front end. Please find the screenshot below.

Could you kindly share your URL so we can further observe it?

Kind Regards,
Sujapati

[ambermax]

thank you, very kind of you, here is the url:

https://www.ambermaxfishing.it/

 

[minal]

Hello @ambermax:

We noticed that your website currently uses the Roboto font family. If you wish, you can customize the font family to better suit your design preferences—for example, by selecting a different font for headings or other specific elements as per the screenshot shown above.

Sincerely,

Minal

[ambermax]

yes, Roboto was one of the attempts to set the default font other than Helvetia Neu …

whatever font I set in the theme customization, the editor always proposes Helvetia, forcing me to manually set different fonts …

I would like to try to change the font directly from the style.css file or other specific css …

or insert additional css to change the font-family

 

 

 

[minal]

You can set the font family from the customizer, and it is working on our end without any issues, but if you want to add your font-family from CSS

Here is the CSS snippet for you to try

* To change the content of the website.

body,
 .entry-content,
 .entry-summary {
  font-family: Verdana, Geneva, sans-serif;
}

* to change the headings of the website.

h1,
 h2, 
 h3,
 h4,
 h5, 
 h6 {
   font-family: Verdana, Geneva, sans-serif;
 }

If this is not what you want, please feel free to add your query.

Sincerely,
Minal

[ambermax]

ok thanks, with the customization, as I said, it doesn’t work, I’ll try with the CSS that you kindly suggested me

[ambermax]

I tried to insert the css you suggested in the additional css section, but it still doesn’t work …
maybe I have to insert them in the style.css file?

[ambermax]

it could be that there is some problem with the license, the key that appears on the ambermaxfishing.it site is different from the one I see on my catch themes account

 

[minal]

Hello @ambermax:

As per our check of your website, font-family is working fine,

here is our screenshot

So, can you share a screenshot from your end to compare and differentiate?

Also, can you deactivate your installed plugin and check it once?

About your license key, we will contact you shortly.

Sincerely,

Minal

[ambermax]

I am not able to insert images in the post …
so I put the link to the page where there are images of the setting and the result on the editor …

https://www.ambermaxfishing.it/test-new-page/?preview_id=2389&preview_nonce=6e8a80961f&_thumbnail_id=-1&preview=true

[ambermax]

I am not able to insert images in the post …
so I put the link to the page where there are images of the setting and the result on the editor …

https://www.ambermaxfishing.it/test-new-page/?preview_id=2389&preview_nonce=6e8a80961f&_thumbnail_id=-1&preview=true

[minal]

Hello @ambermax:

If you have a screenshot, just upload it to https://imgbb.com/ and paste the link here, the full HTML</span> link given by Imgbb.

Sincerely,

Minal

[ambermax]

I can’t force Verdana as the default font family in any way

I also downloaded with FTP editor-style.css and style. css, I replaced in these files all the “Helvetica Neue”, Helvetica, Arial, sans-serif; with “Verdana”, Verdana, Geneva, sans-serif; … then reloaded on the theme … but in the editor it always appears helvetica

maybe i need to edit another style.css in some other folder…

if you can tell me which one I am grateful for

otherwise I’m thinking of changing the theme because in catch box pro the customizations basically don’t work

[minal]

Hello @ambermax:

We also tested it by adding the Verdana font family, which worked correctly in the editor.

You can edit editor-style.css and update the font-family for editor.

Could you please try again by clearing your browser cache and refreshing the page after updating the code.

Sincerely,

Minal

 

[ambermax]

this is my actual css for editor-style:

/*
Theme Name: Catch Box Pro
Description: Used to style the TinyMCE editor.
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
————————————————————– */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
outline: 0;
}
body {
background: #fff;
line-height: 1;
}
ol, ul {
list-style: none;
}
table {/* tables still need ‘cellspacing=”0″‘ in the markup */
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: “”;
}
blockquote, q {
quotes: “” “”;
}
a img {
border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

/* General */
body, input, textarea {
color: #373737;
font-family: “Verdana”,Verdana, Geneva, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 1.62em;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}

/* =Global
———————————————– */

body {
margin: 30px;
vertical-align: baseline;
}
body, input, textarea {
color: #373737;
font-family: “Verdana”,Verdana, Geneva, sans-serif;
font-size: 15px;
font-weight: 300;
line-height: 1.62em;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
.displayblock {
display: block;
}
.displaynone {
display: none;
}

/* =Headings
————————————————————– */

h1,h2,h3,h4,h5,h6 {
clear: both;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 24px;
}
h1, h2 {
color: #000;
font-weight: bold;
margin: 0 0 .8125em;
}
h3 {
font-size: 22px;
font-weight: bold;
margin: 0 0 0.8125em;
}
h4 {
font-size: 20px;
margin: 0 0 0.5em;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}

/* =Text elements
————————————————————– */

hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 2em;
}
/* Text elements */
p, ul, ol, dl {
font-weight: 400;
}
p {
margin-bottom: 2em;
}
ul, ol {
margin: 0 0 2em 2.5em;
}
ul {
list-style: disc;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 2em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 2em;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
cite {
border: none;
}
.mceContentBody blockquote,
.mceContentBody blockquote p {
font-family: Georgia, “Bitstream Charter”, serif;
font-style: italic;
font-weight: normal;
margin: 0 30px;
}
.mceContentBody blockquote p {
margin-bottom: 30px;
}
.mceContentBody blockquote em,
.mceContentBody blockquote i,
.mceContentBody blockquote cite {
font-style: normal;
}
.mceContentBody blockquote cite {
color: #666;
font: 12px “Verdana”,Verdana, Geneva, sans-serif;
font-weight: 300;
letter-spacing: 0.05em;
text-transform: uppercase;
}
pre {
background: #f4f4f4;
font: 13px “Courier 10 Pitch”, Courier, monospace;
line-height: 1.5;
margin-bottom: 2em;
overflow: auto;
padding: 0.75em 2em;
}
code, kbd, code var {
font: 13px Monaco, Consolas, “Andale Mono”, “DejaVu Sans Mono”, monospace;
}
abbr, acronym, dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
address {
display: block;
margin: 0 0 2em;
}
ins {
background: #fff9c0;
border: none;
color: #333;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}

/* Forms */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
background: #fafafa;
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
border: 1px solid #ccc;
color: #888;
max-width: 97%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
textarea:focus {
color: #373737;
}
textarea {
padding-left: 3px;
width: 98%;
}
input[type=text],
input[type=email],
input[type=url] {
padding: 3px;
}
select {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
}

/* =Links
————————————————————– */

a {
color: #337ab7;
text-decoration: none;
}
a:focus,
a:active,
a:hover {
text-decoration: underline;
}

/* =Alignment
————————————————————– */

.alignleft {
display: inline;
float: left;
margin-right: 2em;
}
.alignright {
display: inline;
float: right;
margin-left: 2em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}

/* =Tables
————————————————————– */

table,
th,
td,
.mce-item-table,
.mce-item-table th,
.mce-item-table td {
border: 1px solid #ccc;
}
table,
.mce-item-table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin: 0 0 28px;
width: 100%;
}
table th,
.mce-item-table th,
table caption {
border-width: 0 1px 1px 0;
font-weight: 700;
padding: 7px;
text-align: left;
vertical-align: baseline;
}
table td,
.mce-item-table td {
border-width: 0 1px 1px 0;
padding: 7px;
vertical-align: baseline;
}

/* =Images
————————————————————– */

img,
.editor-attachment {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
height: auto;
}
img[class*=”align”],
img[class*=”wp-image-“],
img[class*=”attachment-“] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.size-full,
img.size-large,
img.wp-post-image {
max-width: 97.4%;
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-bottom: 2em;
}
p img,
.wp-caption {
margin-top: 0.4em;
}
.wp-caption {
background: #eee;
margin-bottom: 2em;
max-width: 96%;
padding: 9px;
}
.wp-caption img {
display: block;
margin: 0 auto;
max-width: 98%;
}
.wp-caption .wp-caption-text,
.gallery-caption {
color: #666;
font-family: Georgia, serif;
font-size: 12px;
}
.wp-caption .wp-caption-text {
margin-bottom: 0.2em;
padding: 10px 0 0 40px;
position: relative;
}
.wp-caption .wp-caption-text:before {
color: #666;
content: ‘\2014’;
font-size: 14px;
font-style: normal;
font-weight: bold;
margin-right: 5px;
position: absolute;
left: 10px;
top: 7px;
}
.gallery {
margin: 0 auto 2em;
}
.gallery a img {
border: none;
}
.gallery-item {
display: inline-block;
margin: 0;
}
.gallery-columns-5 .gallery-item {
padding: 0 1%;
width: 18%;
}
.gallery-columns-4 .gallery-item {
width: 23%;
padding: 0 1%;
}
.gallery-columns-5 .gallery-item img,
.gallery-columns-4 .gallery-item img,
.gallery-columns-3 .gallery-item img {
padding: 6% !important;
max-width: 86%;
}
.gallery-columns-3 .gallery-item {
padding: 0 1%;
width: 31.33%;
}
.gallery-columns-1 .gallery-item img {
max-width: 97%
}
.gallery dd.gallery-caption {
margin-bottom: 1em;
}
/* Image borders */
img[class*=”align”],
img[class*=”wp-image-“],
#content .gallery .gallery-icon img,
img.wp-post-image,
img.attachment-thumbnail{/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
border: 1px solid #ccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
padding: 6px;
}
.wp-caption img {
border-color: #eee;
padding: 0;
}
a:focus img[class*=”align”],
a:hover img[class*=”align”],
a:active img[class*=”align”],
a:focus img[class*=”wp-image-“],
a:hover img[class*=”wp-image-“],
a:active img[class*=”wp-image-“],
#content .gallery .gallery-icon a:focus img,
#content .gallery .gallery-icon a:hover img,
#content .gallery .gallery-icon a:active img,
a:hover img.wp-post-image,
a:focus img.wp-post-image,
.gallery-thumb a:hover img.attachment-thumbnail,
.gallery-thumb a:focus img.attachment-thumbnail {/* Add some useful style to those fancy borders for linked images … */
background: #eee;
border-color: #bbb;
}
.wp-caption a:focus img,
.wp-caption a:active img,
.wp-caption a:hover img {/* … including captioned images! */
background: #fff;
border-color: #ccc;
}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
max-width: 100%;
}

[ambermax]

but in the editor Helvetica always appears by default

cleared cache several times

[ambermax]

if you inspect my pages you will find Verdana because I have manually selected for each text, paragraph etc…

[ambermax]

so, it happens that even if Helvetica 11 appears in the 0editor, then in the page view for the paragraph Verdana 12 appears…. at least that’s how it seems

[ambermax]

I’m finally able to see your screen shot where the inspection shows me Verdana etc…

this is because after having written (forced by the editor setting) in Helvetia, I manually corrected the format in Verdana

maybe I don’t have the authorization and I’m not able to insert images in the post, but if I write a text, publish it and do the inspection, it copies the following css:

element.style {

}

if you tell me how I can insert the screenshots I’ll show you a strange thing:

in the editor it looks like and is Helvetia, in the view of the published page sometimes it is Verdaba and appears:

element.style {

}

in other lines it appears
<div class=”styles-section-title “>
<div><span class=”selector” aria-label=”Selettore CSS”>element.style</span><span class=”sidebar-pane-open-brace”> {</span></div>
</div>
<div class=”style-properties matched-styles monospace”>
<div class=”tree-outline-disclosure”>

<li role=”treeitem”><input class=”enabled-button” type=”checkbox” aria-label=”font-family verdana, geneva, sans-serif” /> <span class=”webkit-css-property” aria-label=”Nome della proprietà CSS: font-family”>font-family</span><span class=”styles-name-value-separator”>: </span><span class=”value” aria-label=”Valore della proprietà CSS: verdana, geneva, sans-serif”>verdana, geneva, sans-serif</span>;
<li role=”treeitem”><input class=”enabled-button” type=”checkbox” aria-label=”font-size 12pt” /> <span class=”webkit-css-property” aria-label=”Nome della proprietà CSS: font-size”>font-size</span><span class=”styles-name-value-separator”>: </span><span class=”value” aria-label=”Valore della proprietà CSS: 12pt”>12pt</span>;

</div>
</div>
<div class=”sidebar-pane-closing-brace”>}</div>
<div>in other unchanged lines appears:</div>
<div>
<div class=”styles-section-title “>
<div><span class=”selector” aria-label=”Selettore CSS”>element.style</span><span class=”sidebar-pane-open-brace”> {</span></div>
</div>
<div class=”style-properties matched-styles monospace”>
<div class=”tree-outline-disclosure”>

<li role=”treeitem”><input class=”enabled-button” type=”checkbox” aria-label=”font-family ‘Helvetica Neue’, Helvetica, Arial, sans-serif” /> <span class=”webkit-css-property” aria-label=”Nome della proprietà CSS: font-family”>font-family</span><span class=”styles-name-value-separator”>: </span><span class=”value” aria-label=”Valore della proprietà CSS: ‘Helvetica Neue’, Helvetica, Arial, sans-serif”>’Helvetica Neue’, Helvetica, Arial, sans-serif</span>;
<li role=”treeitem”><input class=”enabled-button” type=”checkbox” aria-label=”font-size 15px” /> <span class=”webkit-css-property” aria-label=”Nome della proprietà CSS: font-size”>font-size</span><span class=”styles-name-value-separator”>: </span><span class=”value” aria-label=”Valore della proprietà CSS: 15px”>15px</span>;
<li role=”treeitem”><input class=”enabled-button” type=”checkbox” aria-label=”font-style normal” /> <span class=”webkit-css-property” aria-label=”Nome della proprietà CSS: font-style”>font-style</span><span class=”styles-name-value-separator”>: </span><span class=”value” aria-label=”Valore della proprietà CSS: normal”>normal</span>;
<li role=”treeitem”><input class=”enabled-button” type=”checkbox” aria-label=”font-weight 400″ /> <span class=”webkit-css-property” aria-label=”Nome della proprietà CSS: font-weight”>font-weight</span><span class=”styles-name-value-separator”>: </span><span class=”value” aria-label=”Valore della proprietà CSS: 400″>400</span>;

</div>
</div>
<div class=”sidebar-pane-closing-brace”>}</div>
</div>
<div></div>
<div>Obviously there is something that is not working well</div>
<div></div>

[Author]

Posts