Borderless thumbnails in the stunning blueimp Gallery

My website is utilizing blueimp Gallery, however, the thumbnails are displaying with a white border. The live demo does not have this border. I have attempted to adjust the thumbnail size to match the demo (86x86px), but that did not fix my issue. After reviewing all the CSS files, I am unable to locate the corresponding class or ID.

View the live version of the gallery at the bottom of the page here. https://i.sstatic.net/8SXNN.jpg

Check out a simplified version of my site here!

Answer №1

To align the a elements inside the #link1 container, you can add float:left;.

#links1 a
{
  float:left;
}

Alternatively, you can use display:inline-block; and make sure to remove any space that may be caused by using display:inline-block;

#links1 a
{
  display:inline-block;
  vertical-align:middle;
}

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

Problem with Ext.net TabPanel

I am encountering a problem with the Ext.net TabPanel. Every time the page containing the tab panel is opened for the first time after the application has been rebuilt, it throws an error Uncaught TypeError: Object [object Object] has no method 'getCo ...

Is there a way to designate a unique key for each item within my array on React JS?

I'm struggling with assigning a key to my array elements, specifically each card that is generated using the map function. I've tried various methods but nothing seems to be working. Any help would be greatly appreciated. Thank you. return( < ...

Hide the paragraph element when the navigation link is being hovered over

Is there a way to hide a <p> element when hovering over a link? My website is built with Drupal and uses the Superfish module for the navigation bar. When I hover over the links, a secondary nav bar drops down. I want the slogan of the website to di ...

Webpage featuring tabs aligned horizontally

Can anyone guide me on setting up horizontal tabs similar to the design in this image: https://i.sstatic.net/ewXO4.png? Below is the code snippet: <label class="formlabel">Title 1:</label> <div id="radio_form"> <label><inpu ...

React's useState Hook: Modifying Values

I just started learning about React and React hooks, and I'm trying to figure out how to reset the value in useState back to default when new filters are selected. const [apartments, setApartments] = React.useState([]) const [page, setPage] = React.us ...

Activate Angular Material's autocomplete feature once the user has entered three characters

My goal is to implement an Angular Material Autocomplete feature that only triggers after the user has inputted at least three characters. Currently, I have it set up so that every click in the input field prompts an API call and fetches all the data, whic ...

Using numerous modal windows within the .map function

I am working with a .map function and I want to create a modal in each div generated by the .map. return ( {this.state.DataBook.map(function (item, i) { return ( <div> <Button color="danger" onClick={this.toggleModal}>test Mo ...

npm encountered an error or issue during the installation process

I have configured my proxy settings in the .npmrc file, but I am encountering errors when running the npm install command: $ npm install npm ERR! Windows_NT 6.1.7601 npm ERR! argv "C:\Program Files\nodejs\node.exe" "C:\Program File ...

The JavaScript snippet is failing to successfully insert an item into the list as intended

Here is the HTML code I have created: <!DOCTYPE html> <html> <head> <title>Testing Event Listener</title> </head> <body> <h1>Testing Event Listener</h1><br> <input id="userInput" type=" ...

Creating a Custom Rule for Checkbox Validation using jQuery

Can the jQuery Validation plugin be used to validate custom values on checkboxes, rather than just True or False? For instance: <input id="test" type="checkbox" name="test" value="something"> I am struggling to find a method that can check if &apo ...

Is there a way to retrieve the JavaScript Console response code using Python and Selenium's execute_script method?

I am running a JavaScript fetch request in the Chrome developer console using Selenium's execute_script() function. The request performs as expected, but I want to set up a function that can verify if the response is a 403 status code. Is there any Se ...

Ways to showcase an icon within a select options tag

Is there a way to show Font Awesome icons in select options tag? I have tried using it outside like this <i class="fas fa-chart-pie"></i> But I'm not sure how to display it within the <option> tags instead of text. <select id="s ...

Styling PHP echo in HTML

This seems like it should be simple, but there's clearly something I'm missing here. If anyone can point me in the right direction and give me a hint, I would truly appreciate it! Thank you and have an amazing day! <?php $code = '1 ...

Mastering the art of customizing styles in Material UI v5 versus v4

When I first started using Material UI v4, I relied on makeStyles and withStyles from @mui/styles to customize the default styles of components in my application. It was a simple and effective approach to achieve the desired look and feel. However, with th ...

What is the best way to show a <div> element when the ID is present in the URL?

I am in need of a solution to display specific content on the document based on the presence of a particular ID in the URL. In the current process, users go through a series of security checks and receive a cookie at the end to avoid repeating the check fo ...

How can I update a nested document in Mongodb?

{ "_id": { "$oid": "5705f793e4b0acd6e2456804a" }, "Categories": [ { "mainmodels": [ { "submodels": [ { "price": "2000", ...

Executing a JavaScript function when a column in a Fusion Chart is clicked

I have two div elements in HTML and I would like to have div2 load when div1 is clicked. Additionally, whenever div2 loads, a back button should also appear to return to div1. Is there a way to achieve this using HTML? <td background="images/bgTd.gif ...

What is the best .scss file to use for updating the site?

Currently in the process of learning SASS and Bootstrap 4, I have set up some .scss partial files and imported them into my site.scss file as required. Making changes to Bootstrap involved modifying my _my-theme.scss file. But now, I'm wondering about ...

What is the best way to display matching columns in a table on a single row?

I am looking to display information from my database in a table format. Specifically, I want to only show the Math subject and list the units from UI to the last unit available in the database. Below each unit, I would like to display the corresponding hom ...

Troubles with Polymer Ajax Binding when retrieving data from routing parameter

Using iron-pages and app-router to navigate to a new page, I encountered an issue with passing parameters to the iron-ajax element for making a request. The parameter {{parameter.identifier}} does not seem to work as expected in iron-ajax. I believe this ...