html – Does styling links in the same way as non-clickable text affect seo?

It does not affect to SEO only if you’re using for legit purpose.

Bad practice always heart SEO, it does not about whether you got penalize or not.

For example, you got chance to write some article on quality website, but you’re placing links with inline CSS so moderator don’t see it, then it is consider as bad practice. But if you do for legit purpose then it will not heart, just make sure you don’t manipulate them.

You should note that all links does not add same value, links that are useful for users may pass more value than others. For example header pass more value then body links, and body links pass more value than footer links.

It’s all about whether it is useful for users or not. Google may treat all links same at this time, but once they got understand your site, they may treat them separately.

My personal advice is use some hover effect or use underline text decoration style in links.

theming – Commerce Invoice Entity Print Styling

I am using Commerce Invoice and Entity Print to generate .pdf-files of invoices. In Entity Print settings, I set the paper size to A4 and selected TCPDF as printing engine.

Then, I customized commerce-invoice.html.twig to my needs, which works fine.

But I cannot get rid of the two black borders that seperate the document header and footer I think.

enter image description here

Would be nice if anyone could give me a hint where these come from. I alread also tried to override entity-print.html.twig and remove the styles from there. Also I unchecked the checkbox in the entity-print settings. enter image description here

But these borders still appear on every .pdf-generation.

Thank you very much in advance!

interaction design – Best practice for Styling links when used in tables and headings

Should links in data tables be styled like regular text links or only have some indication on hover?

For example Shopify tables have default black text color and only change to blue on hover:

enter image description here

I dont want a table full of blue text when each cell has a link as this might be overkill to the experience when viewed as a whole. I also dont know if its best practice to only indicate they are links when the user hovers.

theming – CSS styling breaks field hide mechanism

I have some jquery set up to hide a radio list field when the user clicks on an adjacent field. I’m trying to style the radio list to display horizontally, but it breaks the jquery. I believe this happens because I am declaring the display value for the radio list in CSS, which overrides the hide function in the code.

The jquery looks like this:

      // apply event handler to radio inputs
      $('.main-field input').change(function(){
        // if 1 or more YES selections are found
        if($('.main-field input:checked').length > 0){
          // hide submit button
        // otherwise
          // show submit button

The css portion to style the radio list currently includes this:

.radio-list-item-wrapper {
    display: inline;
    margin: 10px 1em;
    padding: 0;
    list-style: none;
    position: relative;

I have tried using flex instead of inline, but that doesn’t work either. None of the other attributes affect functionality.

Is there a way to display a radio list horizontally without declaring the display: inline/flex attribute, or perhaps a different approach that gets me the display I want without breaking the jquery code?

This is for a Drupal 7 site.

Robot Styling on Current Visitors

Admin submitted a new resource:

Robot Styling on Current Visitors – Better distinguishment of Robots on the Current Visitors list

Makes it easier to distinguish Robots on the Current Visitors list at a quick glance.. 👀


“lightbox_close”: “Close”,
“lightbox_next”: “Next”,
“lightbox_previous”: “Previous”,
“lightbox_error”: “The requested content cannot be loaded. Please try again later.”,
“lightbox_start_slideshow”: “Start slideshow”,
“lightbox_stop_slideshow”: “Stop slideshow”,
“lightbox_full_screen”: “Full screen”,
“lightbox_thumbnails”: “Thumbnails”,
“lightbox_download”: “Download”,
“lightbox_share”: “Share”,
“lightbox_zoom”: “Zoom”,
“lightbox_new_window”: “New window”,
“lightbox_toggle_sidebar”: “Toggle sidebar”



Read more


javascript – Styling Muitextfield input background, hides label

I am trying to style Textfield from the global theme, but, I can’t manage to put a colored background for the input only (white), whithout hiding the label when it move inside the input.

I want to have this result :
enter image description here

But, I have this one : enter image description here
I put the white background with transparency, to show that the text is indeed behind it, but, if I set the transparency to no transparency, the label will be fully hidden behind the white background, like this : enter image description here

Here is my theme :

export const testGlobal = createMuiTheme({
  palette: {
    common: {
      black: "#000",
      white: "rgba(255, 255, 255, 1)",

      blue: {
        light: "rgba(184, 244, 255, 1)",
        default: "rgba(0, 219, 255, 1)",
        dark: "rgba(0, 184, 213, 1)",
      red: {
        light: "#ff1744",
        default: "#fd0031",
        dark: "#e3002c",
      orange: {
        light: "#ffc046",
        default: "#ff8f00",
        dark: "#c56000",
      grey: {
        light: "rgba(99, 99, 99, 1)",
        medium: "rgba(99, 99, 99, 1)",
        paper: "rgba(65, 65, 65, 1)",
        default: "rgba(99, 99, 99, 1)",
        dark: "rgba(60, 60, 60, 1)",

testGlobal.root = {
  borderColor: "rgba(85, 85, 85, 1)",
testGlobal.img = {
  width: "79%",
testGlobal.palette = {
  vumeter: {
    top: "#fd0031",
    mid: "#ff8f00",
    bottom: "rgba(0, 219, 255, 1)",
  playlist: {
    playing: "#ef5350",
  background: {
    light: "rgba(99, 99, 99, 1)",
    medium: "rgba(99, 99, 99, 1)",
    paper: "rgba(65, 65, 65, 1)",
    default: "rgba(99, 99, 99, 1)",
    dark: "rgba(60, 60, 60, 1)",
  primary: {
    light: "rgba(184, 244, 255, 1)",
    main: "rgba(0, 219, 255, 1)",
    dark: "rgba(0, 184, 213, 1)",
    contrastText: "rgba(255, 255, 255, 1)",
  text: {
    primary: "rgba(255, 255, 255, 0.87)",
    secondary: "rgba(255, 255, 255, 0.54)",
    disabled: "rgba(255, 255, 255, 0.38)",
    hint: "rgba(255, 255, 255, 0.38)",
testGlobal.overrides = {
  MuiFormLabel: {
    root: {
      background: "black",
      fontWeight: "bolder",
      color: "grey",
      "&.Mui-focused": { color: "grey" },
      paddingLeft: theme.spacing(1),
  MuiInput: {
    root: {
      fontWeight: "bolder",
      background: "white", // the white background that keep hiding my label :(
      padding: theme.spacing(1),
      color: "black",


testGlobal.props = {
  MuiInput: { disableUnderline: true },

I did not add additional styling to the textfield component

Why would a background get on top of the label? 🙁

sharepoint online – Using Json to format a columns data. Problems with the styling

So I have a column whose data is a multi line field. The problem I am having is it contains a lot of data and stretches out the list. So I tried changing the width and height of the column, but I am having problems. I would like the height to be something like 150px and show the beginning portion of the data and then just fade out the rest of the data that does not fit in the box. I have a working hover feature that shows everything in a pop up.

How to find where WP cforms plugin keeps content of custom styling settings?

I am running two concurrent WP installs (one WP for each language): (English) (Russian, previously

And after transferring website from to

The cforms plugin is not applying the styling (the form still works, but there is no design applied to it).

The kicker: I can’t change anything in WP back end (very strict restrictions).

Only way to change anything on site is via FTP access or mysql database changes.

After further analysis I determined that cforms -> custom styling window is blank on the WP version where contact form has no styling applied.

Even after all custom form stylings being copied in respective FTP folders.

I want to copy the styling in this blank form, but I’m unable to use WP back end (no changes are allowed due to restrictions).

Question is:
Where in FTP settings of cforms plugin could I look for this field via backend or Database?

Example of “blank style” settings page:

I understand that this is about a specific plugin, however, I don’t know where to turn and maybe someone could at least point me in right direction?

And here is example how it should look (correct style applied):

I really just need to figure out where I can access this particular field via backend FTP or mysql and then styling should work.

Thank you for any help regarding troubleshooting this issue!

theming – CSS problems styling the search box block created by Search API Pages module

I’m using Search API and Search API Pages on Drupal 9 and I’m trying to style the Search API Pages search block. The problem is that when placed anywhere but bottom in the sidebar, the search block overlaps with the block below as seen in the attached pics. This makes the blocks visually too close and also (in Firefox) disables the overlapped part of the search box from being clicked in, which is really annoying. Any suggestions for resolving this?

The other issue I’m having is that the fontawesome search icon only appears within the search box in Firefox. In Chrome and Safari the icon is placed at the top left of the page, relative to the body instead of to the search block. What am I missing here?

Overlap between search block and block below

Another view of the overlap

.search-api-page-block-form-search input {
  width: 100%;
.search-api-page-block-form-search .form-item {
  width: 70%;
  float: left;
.search-api-page-block-form-search .form-actions {
  width: 30%;
  float: right;
.search-api-page-block-form-search .form-type-search input {
  border-right: none !important;
  text-indent: 25px;
  background-color: transparent;
  position: relative;
.search-api-page-block-form-search .form-type-search:before {
  content: "f002";
  font-family: FontAwesome;
  position: absolute;
  top: 25px;
  left: 35px;
  background-color: transparent;
.search-api-page-block-form-search .form-item,
.search-api-page-block-form-search .form-actions {
  margin: 5px auto!important;
  display: inline-block;
  font-family: Consolas, "courier new";
.search-api-page-block-form-search .form-actions input {
  font-family: FontAwesome;
  margin: 0 !important;

I don’t know whether I’m allowed to provide a link but you can see the problem here:
Before downvoting this please note that I’m not a coder. I’m trying my best but I’m making this up as I go along.


html – How can I find and remove WordPress malware resulting in URLs with this styling: / top:0; left:-9999px

Alright, I managed to solve it.

I know that “one size fits all” is not the case with malware. I asked for extra thoughts as someone might have a hint how to approach it as I’m well informed and capable of dealing with these situations through the years.

After numerous failed attempts to search various strings, trying to encode few words in hex and search those, searching through plugins etc. I inspected the cached .html file and noticed that these links were hidden under WooCommerce delivery-info div.

I then searched delivery-info string through all the WP files and I got around 50 hits. I found a suspicious line that one of the developers added, which was calling delivery-info div together with $content string.

I then searched $content string through all the plugins with numerous hits. After searching for a while I finally found the script that was causing it. It was hidden in WPBakery – js-composer/include/inc.php file which should not have existed. One of the lines from the file:

$abc1 = '' . $divclass . '<a href="'.sanitize_context_zero("aHR0cHM6Ly93d3cudGhld3BjbHViLm5ldA==").'">' . $array(array_rand($array) ) . '</a></div>';

I deleted that file & then searched inc.php with a hit in js-composer.php calling for it.