Struggling with some custom code on my Squarespace website. I'm having trouble isolating and targeting a specific element in my custom CSS.
Here's a link to the site:
I've attempted using #main-navigation a.folder {padding: 0px}; in the global CSS file, but it doesn't seem to be working. Any advice or suggestions would be greatly welcomed.
It seems that Squarespace is generating an empty navigation link with padding, and I can't figure out how to remove this padding from the specific element.
Instead of being "padding," it appears to be an anchor tag, most likely intended for holding an icon in drop-down menus.
If possible, remove the empty anchor tag in that spot.
<li aria-haspopup="true" class="folder-collection folder">
<a href="#" onclick="return false;"></a> <!-- < this anchor is the space -->
<a href="http://www.roboticsrookie.com/reviews/">Reviews</a>
<span class="delimiter">/</span>
<div class="subnav">
<ul>
<li class="page-collection"><a href="/robotics-reviews/">Robotics Reviews</a></li>
<li class="page-collection"><a href="/book-reviews/">Book Reviews</a></li>
<li class="blog-collection"><a href="/reviews/">Reviews</a></li>
</ul>
</div>
</li>
Alternatively, you can add CSS:
li.folder-collection.folder > a:nth-child(1) { display: none;}This action should eliminate the first empty anchor.
Your CSS selector was incorrect. #main-navigation a.folder searches for an anchor with the class "folder." In essence,
<a class="folder" href="#"></a>What you actually have is a list item with the class folder and an anchor tag inside that list item. Or
<li class="folder-collection folder"><a href="#"></a></li>You can't easily target that particular anchor because there's nothing distinguishing about it. It lacks a unique class or id attribute compared to other anchors within the list item. Therefore, consider using more precise selectors like nth-child to single it out.
Here is the HTML that I send from my ASP.NET application: <HTML> <BODY> <img src='http://10.1.1.42:8090/EmailLogo/8aaebe52-3758-485f-8c52-7782707a4c66.jpg' /> <br/> <div style='font-family:Arial, Tah ...
I'm uncertain if my question is sufficiently clear. Here's my dilemma: I've been utilizing the gmplot module in Python and I'm interested in adjusting the grids to be scalable based on the zoom level of the Google Map. However, being u ...
Embarking on a new journey, I am diving headfirst into the world of JQuery WebApp with Google Apps Script. Every day is filled with new discoveries and excitement as I immerse myself in learning to piece things together. Starting off with some examples an ...
In my HTML, I have an issue with duplicate code. In Java, I typically use IntelliJ to mark the code and select "extract method" => "replace 2 occurrences". I am looking for a similar solution in HTML, but the current method seems messy: <ng-template ...
Setting the background image of a page using CSS: body { background: url(http://momentumbooks.com.au/wp-content/uploads/2013/06/space.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-backg ...
I am currently facing a challenge when it comes to aligning my div in Bootstrap 3. My goal is to achieve the following: I have experimented with pull and push commands, but it seems like I still need more practice. Code: <div class="container"> ...
Is there a way to adjust the height of the form input box so that the text is positioned close to the top and bottom borders of the box? I attempted to modify the CSS but was unsuccessful. Any suggestions for a Bootstrap CSS solution would be greatly appre ...
I am struggling to display items in multiple columns without any strange formatting issues. Can someone help me out? Check out the JSBin for reference: http://jsbin.com/huzurejunu/1/edit?html,css,output https://i.sstatic.net/DxJpW.png <div class="ro ...
In my Django project, I need to load body.html first and then dashboard.html. The dashboard.html file is heavy as it works with python dataframes within the script tag. So, my goal is to display body.html first, and once it's rendered, show a loading ...
Recently, I've been delving into the world of CSS and PHP as I work on converting old code entirely into HTML and PHP with a touch of CSS. The visual aspect seems fine, but I've hit a roadblock with the submit form due to an IF statement in PHP. ...
Is anyone familiar with this issue and how to prevent it? I am using AJAX to populate a div with a form from a PHP file. The input element is generated in PHP as shown below: echo ('<input type="text" name="court_type_name" id="court_type_name_in ...
How can you extract data from a website where you need to navigate through tabs and buttons to access the table? For example, on this site, follow these steps to view the table: Click 'Graduation and Beyond' Click 'Postsecondary Continua ...
Check out my js fiddle below: https://jsfiddle.net/9yj63s3f/ Here is the CSS code snippet: .viddiv{ float:left; width:50%; } .vidholder{ position:relative;height:0;padding-bottom:50%; width:50%; float:left; } iframe{ position:abso ...
I am working on a project where I want to display images upon clicking a button. How can I set up the openModal() method to achieve this functionality? The images will be fetched from the assets directory and will change depending on the choice made (B1, ...
Currently immersed in a personal coding project, I'm struggling to troubleshoot my code. Essentially, I need to retrieve data from an API and display it on my HTML page. The data type is "jsonp" due to CORS errors that required this workaround for de ...
In my Django project, I am utilizing pure CSS and Bootstrap. Everything appears as expected when I test it on my local machine. However, once deployed, the appearance changes. The font looks different from how it did before deployment: After deploying to ...
I have an XML document that includes a list of companies. My goal is to use XSLT to create links that point to the <link> child of the next company node. To provide a clearer picture, here is a snippet of sample XML data I am working with: <portf ...
I am having trouble sorting div elements by price values. The code seems to be working fine, but the sorting of numbers doesn't appear to be completely accurate. For example, in my jsfiddle, when the button is clicked, the number 21.35 is displayed a ...
Currently, I am utilizing the Genius API to fetch lyrics for a particular song and then embed them within an HTML <div> tag. My interaction with this API is through PHP, employing an AJAX GET request. Upon a successful AJAX request, the following HT ...
Hey there, I'm currently facing an issue with TinyMCE that I just can't seem to solve. I've browsed through some related posts but haven't found a solution that works for me... For example: When I input something in my back office, ...