Thanks in advance folks.

I’ve installed the plugin and until now it’s placed on top of page, in widget area. I’d prefer it to be between navbar and content div. In my theme (GeneratePress) the area is primary I think. So how could then the breadcrumbs be just in that place.

And secondly, what should I do to apply some CSS styling to it? I’ve seen some nice breadcrumbs over there, like this:

* {
  margin: 0;
  padding: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
}

body {
  text-align: center;
  background-color: #34495e;
}

h1 {
  font-weight: 100;
  font-size: 32px;
  padding: 40px;
  color: #fff;
}

#breadcrumb {
  list-style: none;
  display: inline-block;
}
#breadcrumb .icon {
  font-size: 14px;
}
#breadcrumb li {
  float: left;
}
#breadcrumb li a {
  color: #FFF;
  display: block;
  background: #3498db;
  text-decoration: none;
  position: relative;
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 5px;
  text-align: center;
  margin-right: 23px;
}
#breadcrumb li:nth-child(even) a {
  background-color: #2980b9;
}
#breadcrumb li:nth-child(even) a:before {
  border-color: #2980b9;
  border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after {
  border-left-color: #2980b9;
}
#breadcrumb li:first-child a {
  padding-left: 15px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px 0 0 4px;
}
#breadcrumb li:first-child a:before {
  border: none;
}
#breadcrumb li:last-child a {
  padding-right: 15px;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0;
  border-radius: 0 4px 4px 0;
}
#breadcrumb li:last-child a:after {
  border: none;
}
#breadcrumb li a:before, #breadcrumb li a:after {
  content: "";
  position: absolute;
  top: 0;
  border: 0 solid #3498db;
  border-width: 20px 10px;
  width: 0;
  height: 0;
}
#breadcrumb li a:before {
  left: -20px;
  border-left-color: transparent;
}
#breadcrumb li a:after {
  left: 100%;
  border-color: transparent;
  border-left-color: #3498db;
}
#breadcrumb li a:hover {
  background-color: #1abc9c;
}
#breadcrumb li a:hover:before {
  border-color: #1abc9c;
  border-left-color: transparent;
}
#breadcrumb li a:hover:after {
  border-left-color: #1abc9c;
}
#breadcrumb li a:active {
  background-color: #16a085;
}
#breadcrumb li a:active:before {
  border-color: #16a085;
  border-left-color: transparent;
}
#breadcrumb li a:active:after {
  border-left-color: #16a085;
}

And it would be awesome to apply to my page. Any advise? Thank you very much!

as the title suggests,

The button seems to sticky at a particular location only on desktop view.
Am I able to achieve this on tablet / mobile view as well?

As currently I noticed that the settings only enable the button to be fixed from the corner of the screen size.

It would be best to avoid any additional plugin to enable the sticky function if possible. Please advice on this in anyway.

Hope to hear from you soon!

Thanks for your support in advance,
perfettogino

I installed a new plugin Weglot.

And I was wondering whether you could help me out placing the language button in my topbar.

Right now it is places in the menu bar.

In the plugin it says I can place the sourcecode <div id=”weglot_here”></div> somewhere where I’d like to. But I don’t know how to get it in to the topbar.

I’d also like to option to place it next to my search option in the menu bar all the way to the right.

Please help

https://www.ads-software.com/plugins/elementor/

https://www.ads-software.com/plugins/easylogo/

Just wondering if there is a way to change where the required field error/hint message is placed in the form layout? Currently, it is automatically being placed inside the div that has the input field. What I want to do is to place it outside that div and the div that has the field label. Here’s a simple illustration of how it looks in my code:

<div id="fscf_div_clear1_1" style="clear:none; margin-bottom: 12px;">
  <div id="fscf_div_field1_1" style="clear:none;">

    <---Where I want the ERROR message to be

    <div style="text-align:left;">     <---DIV that has field LABEL
      <label class="form-label" for="fscf_email1">
        Email:<span style="text-align: left;">*</span>
      </label>
    </div>

    <div style="text-align:left;">     <---DIV that has the INPUT field
      <div class="form-hint">Required</div>      <---ERROR message
      <input class="form-box" type="text" id="fscf_email1" name="email" value=""/>
    </div>

  </div>
</div>

I’m fairly new to WordPress (especially PHP) so I would truly appreciate it if someone can guide me through it. Thanks in advance!

https://www.ads-software.com/plugins/si-contact-form/