Jump to content

How to set a width that fits the text.


Il Domandatore
 Share

Recommended Posts

I'm on the submenu and I find the text on two rows. I have provisionally solved it by putting width: 305px. The site has an automatic translator, this solution is not good.

How do I get the correct width of the submenus? Then I manage what is needed.

Link to comment
Share on other sites

As in the width of the longest text in a group of buttons?

Link to comment
Share on other sites

Posted (edited)

Does not work. The Awesome Font disappears, some texts are cut off or do not appear. I tried to put! Important, but nothing.

The original image is where I put the English language.

https://postimg.cc/gallery/tGwWb7P

Next time, put the text in the code. I am new, find something in the text is difficult to interpret and how to write it is more. Thank you for the courtesy.

Edited by Il Domandatore
Link to comment
Share on other sites

Be patient dsonesuk. You look angry, I don't do it on purpose.

Slowly I'm figuring out what to share on the forum. Last time I shared something on this forum, I received endless phishing attacks in the email and now they are contacting / spamming me on Facebook. Which did not happen before.

Later I will post the code. If you explain me better how to search in the code, I immediately find the part to put. it's a big mess to collect code snippets through the Chrome developer tool.

Link to comment
Share on other sites

He's saying post code you have. Just the relevant parts, please. If you don't have any, say so. We'll refer you to the appropriate tuits.

Sending us a link is not the same thing. 

Thoughtful, timely solutions deserve well constructed questions that demonstrate diligence on the part of the OP. 

EDIT:

BTW, suk gave you an answer. Telling anyone their answer doesn't work is bound to be problematic.

 

Edited by niche
Link to comment
Share on other sites

11 hours ago, niche said:

Telling anyone their answer doesn't work is bound to be problematic.

Sorry I did not understand.

11 hours ago, niche said:

Just the relevant parts, please.

Can you teach me how to do it? Through the Chrome developer tool, I have a great deal of double code. Irrelevant to what I have selected.

What do I copy? Just CSS, or even HTML?

I am a beginner and I don't understand how to work on codes. I modify them, but it takes me a lifetime. Remembering codes is not my best value. Six months and the site is still on the graphics ... Please don't digress with protective answers about historical or misleading users. Those weren't the questions.

12 hours ago, niche said:

Thoughtful, timely solutions deserve well constructed questions that demonstrate diligence on the part of the OP.

that's what I'm asking; quality responses. Even giving the proper answers, I found over 99% low quality or misleading answers on the forums. Do you believe it?

Link to comment
Share on other sites

That goes to suk’s point.  If you have to use your developer tools to isolate relevant code, the code in question probably isn’t yours. 

That’s an issue, but not the point that I and presumably suk need to make. 

Put simply, ask questions about your own code, or code that you’ve made your own by working to understand the properties and methods of the code you want to use.

As I’ve heard suk say, “it’s magic!”.
 
Unless, you do the tutorials. That how magic becomes code for everyone that’s willing to put in the time and effort to learn basics before the advanced.

Link to comment
Share on other sites

Yes, I'm on Wordpress, editing the theme and design of a plugin (it shows a language bar).

How do I choose the code if I don't understand the Chrome developer tool? Ahaha.

In the last 4 days, I have created 33% of the custom CSS code, because I am starting to understand something. Only 75 lines in 6 months of work (about 5 cm per line on the subject).

If I had to edit the CSS code without the chrome developer tool, I wouldn't have done a single line.

I remember the CSS if I have a real-time view of the changes.

Do you have a guide to understanding the chrome developer tool? I found some useless developer tool guides online. Things I had figured out on my own ...

I have duplicate codes like this;
.fa-angle-down: before {
     content: "\ f107";
}
.fa-angle-down: before {
     content: "\ f107";
}

A clarification; I studied four times the CSS of W3School, remember a small part.

Link to comment
Share on other sites

I hope that this code helps;

.switcher .selected a:hover {
  1. background: #642e8b;
}
 
 
 
.switcher .selected a:hover {
  1. background: #642e8b;
}
 
 
 
.switcher .selected a:hover {
  1. color: #b180d5;
}
 
 
 
.switcher .selected a {
  1. border: 1px solid #642e8b;
  2. color: #ffffff;
  3. padding: 3px 5px;
  4. width: 211px;
}
 
 
 
.switcher .selected a {
  1. border: 1px solid #642e8b;
  2. color: #ffffff;
  3. padding: 3px 5px;
  4. width: 211px;
}
 
 
 
.switcher .selected a {
  1. padding: 0 !important;
  2. border: 0 !important;
}
 
 
 
.switcher .selected a {
  1. text-decoration: none;
  2. display: block;
  3. font-size: 24px;
}
 
 
 
.switcher a {
  1. text-decoration: none;
  2. display: block;
  3. font-size: 16pt;
  4. -webkit-box-sizing: content-box;
  5.  
    -moz-box-sizing: content-box;
  6. box-sizing: content-box;
}
 
 
 
.switcher a {
  1. text-decoration: none;
  2. display: block;
  3. font-size: 16pt;
  4. -webkit-box-sizing: content-box;
  5.  
    -moz-box-sizing: content-box;
  6. box-sizing: content-box;
}
 
 
 
a:hover {
  1. color: #642e8b;
}
 
 
 
a, a:hover, a:focus {
  1. text-decoration: none;
  2. -webkit-transition: all 0.3s 
     
    ease;
  3.  
    -moz-transition: all 0.3s ease;
  4.  
    -ms-transition: all 0.3s ease;
  5.  
    -o-transition: all 0.3s ease;
  6. transition: all 0.3s 
     
    ease;
}
 
 
 
a:hover {
  1. color: #13aff0;
}
 
 
 
a:active, a:hover {
  1. outline: 0;
}
 
 
 
a:hover, a:active {
  1. outline: 0;
}
 
 
 
.dropdown-menu, .dropdown-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
.sf-menu, .sf-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
a {
  1. color: #ffffff;
}
 
 
 
a {
  1. color: #333;
}
 
 
 
a {
  1. background-color: transparent;
}
 
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
 
 
*, *:before, *:after {
  1. -webkit-box-sizing: border-box;
  2.  
    -moz-box-sizing: border-box;
  3. box-sizing: border-box;
}
 
 
user agent stylesheet
a:-webkit-any-link {
  1. color: -webkit-link;
  2. text-decoration: underline;
  3. cursor: auto;
}
Inherited from 
div.selected
 
 
.switcher .selected {
  1. font-weight: 900;
  2. font-style: italic;
  3. font-size: 24px;
  4. letter-spacing: 2px;
  5. line-height: 74px;
}
 
 
 
.dropdown-menu, .dropdown-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
.sf-menu, .sf-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
div.switcher.notranslate
 
 
.switcher {
  1. font-family: Arial;
  2. font-size: 16pt;
  3. text-align: left;
  4. cursor: pointer;
  5. overflow: hidden;
  6. width: 223px;
  7. line-height: 17px;
}
 
 
 
.switcher {
  1. font-family: Arial;
  2. font-size: 16pt;
  3. text-align: left;
  4. cursor: pointer;
  5. overflow: hidden;
  6. width: 223px;
  7. line-height: 17px;
}
 
 
 
.dropdown-menu, .dropdown-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
.sf-menu, .sf-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
li#menu-item-1660.menu-item.menu-item-type-gs_sim.menu-item-object-gs_sim.menu-item-1660
 
 
.sf-menu li.menu-item {
  1. position: relative;
  2. white-space: nowrap;
  3. white-space: normal;
}
 
 
 
.dropdown-menu, .dropdown-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
.sf-menu, .sf-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
 
user agent stylesheet
li {
  1. display: list-item;
  2. text-align: -webkit-match-parent;
}
Inherited from 
ul#menu-menu.main-menu.dropdown-menu.sf-menu.sf-js-enabled
 
 
#site-navigation-wrap .dropdown-menu {
  1. list-style: none;
  2. margin: 0;
  3. padding: 0;
}
 
 
 
.dropdown-menu, .dropdown-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
.sf-menu, .sf-menu * {
  1. margin: 0;
  2. padding: 0;
  3. list-style: none;
}
 
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
 
user agent stylesheet
ul, menu, dir {
  1. display: block;
  2. list-style-type: disc;
  3. -webkit-margin-before: 1em;
  4. -webkit-margin-after: 1em;
  5. -webkit-margin-start: 0px;
  6. -webkit-margin-end: 0px;
  7. -webkit-padding-start: 40px;
}
Inherited from 
nav#site-navigation.navigation.main-navigation.clr
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
div.container.clr
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
div#site-navigation-wrap.clr.left-menu
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
div.bottom-header-wrap.clr
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
div#site-header-inner.clr
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
header#site-header.medium-header.hidden-menu.clr
 
 
#site-header.medium-header {
  1. background-color: transparent;
  2. text-align: center;
}
 
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
div#wrap.clr
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
div#outer-wrap.site.clr
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
body.home.page-template-default.page.page-id-811.logged-in.admin-bar.wp-embed-responsive.give-test-mode.give-page.tribe-js.oceanwp-theme.dropdown-mobile.medium-header-style.no-header-border.default-breakpoint.content-full-width.content-max-width.has-breadcrumbs.customize-support.cookies-set.cookies-accepted
 
 
body {
  1. font-size: 24px;
  2. color: #642e8b;
  3. line-height: 1.5;
  4. letter-spacing: 2px;
}
 
 
 
body {
  1. font-family: "Open Sans",sans-serif;
  2. font-size: 14px;
  3. line-height: 1.8;
  4. color: #4a4a4a;
  5. -webkit-font-smoothing: antialiased;
  6.  
    -moz-osx-font-smoothing: grayscale;
  7. overflow-wrap: break-word;
  8. word-wrap: break-word;
}
 
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Inherited from 
html.html
 
 
html {
  1. font-family: sans-serif;
  2.  
    -ms-text-size-adjust: 100%;
  3.  
    -webkit-text-size-adjust: 100%;
}
 
 
 
html {
  1. font-size: 62.5%;
  2. overflow-y: scroll;
  3.  
    -webkit-text-size-adjust: 100%;
  4.  
    -ms-text-size-adjust: 100%;
}
 
 
 
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,img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl,dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header,hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  1. margin: 0;
  2. padding: 0;
  3. border: 0;
  4. outline: 0;
  5. font-size: 100%;
  6. font: inherit;
  7. vertical-align: baseline;
  8. font-family: inherit;
  9. font-size: 100%;
  10. font-style: inherit;
  11. font-weight: inherit;
}
 
Pseudo ::before element
 
 
*, *:before, *:after {
  1. -webkit-box-sizing: border-box;
  2.  
    -moz-box-sizing: border-box;
  3. box-sizing: border-box;
}
 
Pseudo ::after element
 
 
.switcher .selected a:after {
  1. height: 48px;
  2. display: inline-block;
  3. position: absolute;
  4. right: 10px;
  5. width: 15px;
  6. background-position: 50%;
  7. background-size: 14px;
  8. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16'…a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23ffffff'/></svg>");
  9. background-repeat: no-repeat;
  10. content: ""!important;
  11. transition: all .2s;
}
 
 
 
.switcher .selected a:after {
  1. height: 48px;
  2. display: inline-block;
  3. position: absolute;
  4. right: 10px;
  5. width: 15px;
  6. background-position: 50%;
  7. background-size: 14px;
  8. background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16'…a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z' style='fill:%23ffffff'/></svg>");
  9. background-repeat: no-repeat;
  10. content: ""!important;
  11. transition: all .2s;
}
 
 
 
.switcher .selected a:after {
  1. content: "\f107" !important;
}
 
 
 
*, *:before, *:after {
  1. -webkit-box-sizing: border-box;
  2.  
    -moz-box-sizing: border-box;
  3. box-sizing: border-box;
}
 
Pseudo ::selection element
 
 
::selection {
  1. color: #fff;
  2. background: #333;
  3. text-shadow: none;
}
Link to comment
Share on other sites

That’s the deal you made with Wordpress, but probably didn’t realize it.  Wordpress is a packaged deal unless you know how to code!

Every coder has a story about lines of code taking months in the beginning. That’s not even a down payment. So, no aha.

Never used fa-angle-down: before;. I know what’s it is, now, because I googled it and learned that w3schools even has a tuit on it.

‘Also, pretty sure that’s not duplicate code when viewed in context.

Besides, how does fa-angle-down: before; connect to your width question?

EDIT:

What part of your last post is relevant?

What’s the relevant part of your html?

Get all of that on one screen, without having to scroll. Or, help us understand why that’s not possible.

Edited by niche
Link to comment
Share on other sites

This;

.switcher .selected a {
  1. border: 1px solid #642e8b;
    1. border-top-color: rgb(100, 46, 139);
    2. border-top-style: solid;
    3. border-top-width: 1px;
    4. border-right-color: rgb(100, 46, 139);
    5. border-right-style: solid;
    6. border-right-width: 1px;
    7. border-bottom-color: rgb(100, 46, 139);
    8. border-bottom-style: solid;
    9. border-bottom-width: 1px;
    10. border-left-color: rgb(100, 46, 139);
    11. border-left-style: solid;
    12. border-left-width: 1px;
    13. border-image-source: initial;
    14. border-image-slice: initial;
    15. border-image-width: initial;
    16. border-image-outset: initial;
    17. border-image-repeat: initial;
  2. color: #ffffff;
  3. padding: 3px 5px;
  4. width: 211px;
}
In one solution I put the width at 305px. I want it not to be 305px, but for the drop-down menu to adapt its length to the text.
Link to comment
Share on other sites

Why are you not using suk’s link from his 1st post as the model?

Link to comment
Share on other sites

This is useless information without a concept of the html menu/submenu structure, itself!

Also, if you want a reason why you suddenly had  'endless phishing attacks', look no further than WordPress itself! Its the most targeted cms for such attacks.

  • Like 1
Link to comment
Share on other sites

21 hours ago, niche said:

Perché non stai usando il link di suk dal suo primo post come modello?

Because doesn't works...

 

.switcher .selected {
    font-weight: 900;
    font-style: italic;
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 74px;
    white-space: nowrap !important;
}

I don't know what to copy anymore to make you understand that it doesn't work. Look at the pictures, because when I said it doesn't work, you accused me yourself. :) It doesn't really work or I am doing something wrong.

 

Link to comment
Share on other sites

.option {
width: 320px! important;
}

Ok, the problem is definitely this ... ahaha. I try again.

2 minutes ago, niche said:

Show us your html !

NEVER! I still have my email on the pages. I solved the problem, but I have to redo the 14 pages made. Sorry, but phishing is a bad thing ... If you want, I can give the link privately. :)

Link to comment
Share on other sites

Problem solved.

EDIT: 

Code forums don't work that way.

You could easily show us something similar if you could. Else, you might need to ask a different question. No harm. No foul.   

Edited by niche
Link to comment
Share on other sites

Posted (edited)

Sorry? I hope I have misunderstood. It would be absurd if on the forum you would agree to show the website's vulnerabilities by showing our complete code. I remind you that these pages are on Google; possible bot attacks.

.switcher .option {
    font-weight: 900;
    font-style: italic;
    font-size: 24px;
    letter-spacing: 2px;
        min-width: 320px;
}

It still doesn't work.

Edited by Il Domandatore
Link to comment
Share on other sites

That doesn't make sense.  Everyone gets to look at everyone's html with the dev tools on every browser. They can even change it if they want.  That's just SOP.

Link to comment
Share on other sites

We did not understand each other; bots crawl Google. Why give the complete html on Google? Are you ready to receive the HTML privately? Does the regulation prohibit it? Well! it's time to change the rule! Scammers are increasing dramatically every year.

Link to comment
Share on other sites

Html is text based, the vulnerability would be if you showed the server language code that produces the end result of text based html that is only what we want to see! I don't see the problem OF GIVING the link, It will be exposed anyway to everyone. Soon as it goes live bots will identify that it is WordPress, and your address will be passed on, and the attempting hacking to yoursite.com/wp-admin (that is the default location to access wordpress backend dashboard) will begin, unless properly secured. Suggest you use defender plugin to help you with that!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...