How to eliminate a section from the display without relying on views in Drupal 7 using CSS

I'm trying to eliminate the tags section on a specific page in Drupal:

Despite my efforts, I can't seem to get rid of it within the supposed correct view:

view view-community view-id-community view-display-id-page view-dom-id-

Is there another way I can remove this unwanted section? I really need to say goodbye to those tags!

LATEST UPDATE

By adding the following line to styles.css file:

.view-community .views-field-name a {
  display: none;
}

The content is hidden but it results in extra whitespace (where the tags were).

UPDATE 2

Adding the line into styles.css:

.view-id-community h3 {
  display: none;
}

This code hides the <h3> tag.

Therefore, the question that remains is:

How do I remove the excess whitespace now present where the tags previously existed?

htmlcssdrupal-7

Answer №1

To locate the specified class in the community.css file on line 308, look for the following code:

.view-community {
   clear: both;
   color: #6F6F6F;
   display: block;
   margin-right: 109px;
   overflow: hidden;
   padding-right: 175px;
   margin-left: 58px;
}

Then modify it to:

.view-community {
   display: none;
}

I have successfully tested this change using Google Chrome developer tools. Although I am unable to spot the word "tools," since this is a Drupal website, there should be an option within the admin tools to disable the tags, although its exact location may not be immediately obvious.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

How to retrieve the query string in VueJS

Recently, I've delved into the world of VueJS and so far, it's been a great experience! :) One thing I'm trying to figure out is how to save querystring values to a VueJS variable. It seems like a straightforward task in handlebars + express ...

htmlexpressurlvue.jsvue-router

Creating an easy-to-update catalog utilizing an external file: A step-by-step guide

I am looking to create a product catalog with 1-4 products in a row, each displayed in a box with details and prices. I would like to be able to generate the catalog easily using an XML/CSV file that can be updated. Can anyone provide guidance on how to ac ...

javascriptcssxmlcsv

Transitioning Wordpress menu layout from horizontal to vertical

On several websites with the same template and content but different locations, only one site is experiencing menu display issues. I have attempted deleting and re-adding the menu, as well as copying it from another working site, but the problem persists. ...

htmlcsswordpress

The Hidden Div containing NicEdit is now shrunk down to a smaller size

Attempting to integrate the NicEdit editor for a hidden textarea stored within a div has presented some challenges. The goal is for the targeted textarea's parent div to be revealed upon the user clicking a button, with the textarea's width set t ...

javascriptjqueryhtmlnicedit

Scroll the content of a div to the bottom using JavaScript

I'm facing a situation with my code: function scrollme(){ dh=document.body.scrollHeight ch=document.body.clientHeight if(dh>ch){ moveme=dh-ch window.scrollTo(0,moveme) } } However, I am looking for a way to make it scroll only within a specific d ...

javascripthtmlscroll

Tips for adjusting the size of an image in both the vertical and horizontal axes using CSS

As a beginner in HTML, I am currently facing an issue while trying to display a set of pictures. My goal is to resize the pictures based on the current window size while maintaining the aspect ratio. Despite experimenting with various methods like using wi ...

htmlcss

Div adjusts its height to match another div's, regardless of the latter's size

I'm currently working on a website where I have a list of news displayed in divs. Each div contains two inner divs: an image on the left and the title, date, and the first 30 words of the news on the right. I am looking to make the image div adjust it ...

javascriptjqueryhtmlcss

Ways to automatically assign default select options using an array

When fetching options and values from my database in the form of an array, I aim to have these options/values pre-selected by default in a multiple select list for users to view and update their data as needed. //data stored in the database $mytitle = a ...

phphtmlarrays

incorrect indexing in ordered list

I am facing an issue with the ngIf directive in Angular. My objective is to create a notification system that alerts users about any missing fields. Here's a stackblitz example showcasing the problem: https://stackblitz.com/edit/angular-behnqj To re ...

htmlangulartypescript

Challenges with the direction of Telerik's GridNumericColumn

Currently, I have implemented a telerik RadGrid with the direction set to RTL. Within this grid, there is a telerik GridNumericColumn which is causing an issue. The problem lies in the way it displays numbers: 500- instead of -500 I am seeking adv ...

c#asp.nethtmlcsstelerik

vertical alignment problem in dropdown box - compatibility problem with Firefox

I'm encountering an issue with the vertical alignment of a select box caption in Firefox. The CSS for the select element is as follows: select#cities_list { width: 95px; height: 45px; line-height: 45px; background: url('./img/se ...

firefoxselectvertical-alignmentcss

The problem lies in the incorrect rewriting of static resources leading them to be redirected to the

I am currently facing an issue with rewriting URLs. It seems that the problem lies in the redirection of certain URLs to index.php?route=scores, etc. http://www.example.com/scores http://www.example.com/registreren http://www.example.com/login This redir ...

phphtml.htaccessmod-rewriteredirect

Utilizing anchor tags within the title attribute

I am trying to display a message in a tooltip that includes a link. Here is the HTML code I have used: <div class="col-xs-2" data-toggle="tooltip" title="Please click <a href='www.google.com'>here</a> for more information.">&l ...

html

The parent container is not properly wrapping its content in Internet Explorer only

Check out this code snippet I have here: https://jsfiddle.net/kimwild/mtxgtwr5/2/ main#wrapper { z-index: 1; width: 100%; position: relative; overflow: hidden; background-color: red !important; border: 10px dotted #4D37DB; } figure#about-im ...

csshtmlinternet-explorerinternet-explorer-11

Ways to eliminate the extra space in a dropdown menu

Is there a way to eliminate padding on the "dropdown-menu" <ul> tag when the list is empty, so that no space is displayed in place of the padding? I want to avoid using .dropdown{padding: 0} because it will remove necessary padding when the list is ...

cssangularbootstrap-4

What is the process for using JQuery to switch the class of an element to 'nested-class'?

Styling with CSS: #logo-container { position: fixed; right:5px; .home-page { /* homepage styling */ } .content-page { /* Modify the $element's class to this class */ margin-top: 78px; } } Using JQuery to change the class of #lo ...

jquerycssclassgroupingnested

The footer should always be anchored at the bottom of the webpage, maintaining a consistent position regardless of any changes to the browser's

I've successfully implemented a footer with several buttons that remains positioned at the bottom of the page, 60px above the very bottom, regardless of the content or window size. The CSS I'm using is as follows: #container { min-height: 10 ...

javascriptasp.netcss

Using the PrimeNG checkbox alongside a reactive form with an array

I am attempting to populate my array of objects in order to map the Primeng checkbox and retrieve the values for selected check boxes. I have experimented with FormControlName, but it is returning undefined after submission. Below is a basic code snippet ...

javascripthtmlangularradio-buttonprimeng

Border disappears with autocomplete feature

Despite setting autocomplete to off in my form, modern browsers tend to override this. An issue arises where the border of a user's input field remains intact when they manually type their name, but is removed when the browser autofills it. https://i ...

javascripthtmlcss

What is the best way to align a collection of search bars with HTML and CSS?

Can someone help me align my search bars and submit buttons? I'm new to HTML and struggling with this task. (By the way, this is just a small part of the browser layout, it doesn't usually look so messy!) .center-block{ margin-top: 220px; ...

htmlcss