How to Modify the Top Position of an Element using uBlock Origin

In my efforts to reposition the main text of this website (), I am looking to move it from the middle to the top. The code for the section is 

<div id="content_blaettern_12793">
.

The current CSS styling has it fixed in place:

#content_blaettern_12793 {
    position: absolute;
    top: 205px;
    right: 50px;
    left: 15em; 
}

I have attempted to adjust this using uBlock Origin with the following code snippet:

www.gesetze-im-internet.de##content_blaettern_12793:style(top: 0px !important;)

Unfortunately, this modification did not yield the desired result.

If anyone can provide guidance on how to achieve this, that would be greatly appreciated. My ultimate goal is to eliminate the blue bar at the top and the logo in the top left corner, displaying only the central text container in the top left corner.

htmlcssadblock

Answer №1

Achieve Your Objectives Using This Method

#fTop{
   display:none!important;
}
#fTopLogos{
   display:none!important;
}
#content_blaettern_12793{
  position: absolute;
  top: 35px;
  right: 50px;
  left: -230px;
}
#blaettercontainer_12793{
  position: absolute;
  right: 50px;
  left: -220px;
  top: 10px;
}

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

The submenu descends a bit further than its intended position

Hey everyone, hope you had a fantastic New Year! I've run into an issue with the CSS navigation menu submenu items on my WordPress site. https://i.sstatic.net/dY90P.png In the screenshot provided, you can see that the sub-submenu is not displaying ...

csssubmenu

What is the reason the default state of a checkbox does not show a background-color change, while the checked state does?

.checkbox__container { display: flex; flex-direction: row; align-items: center; padding: 0px; gap: 8px; & input[type="checkbox"] { box-sizing: border-box; width: 20px; height: 20px; accent-color: red; backgr ...

htmlcsssass

Alter the appearance of a webpage by pressing a key. (Using Vue.js)

Is there a way to change the CSS style value of an element when a specific keybind is pressed by the user? <textarea id="check" v-model="text" v-on:keydown.ctrl.up="decreaseFont" > I am able to confirm that the ...

javascriptcssvue.js

How to Parse HTML Content within a JSON Field using C#

Is there a way to decode an HTML string inside a JSON property using a console application, like in the example below?: { "type":"text", "html":"\n\n\n <div class=\"class\">\n <ul>\n\n&b ...

c#htmldeserialization

Is there a way to adjust the spacing between a specific background image in a design pattern? The image must be sourced online

I am currently working on creating a background pattern using only online images, and I need to adjust the spacing between them. Is there a way to specifically control the space between the images in the pattern using CSS? I know about the round and space ...

cssdesign-patternsbackground-image

The margin-left property is not functioning properly on the second <td> element

Displaying a table with two cells positioned next to each other: <table> <td disabled>Content for the first cell</td> <td style="margin-left:100px;" disabled>Content for the second cell</td> </table> Despite us ...

htmlcsshtml-table

The masonry plugin overlays images on top of each other

I have gone through similar questions but haven't found anything that applies to my specific case. Following an ajax call, I am adding li elements to a ul $.ajax({ url: 'do_load_gallery.php?load=all' }).done(function(result) { ...

javascriptjqueryhtmlcss

Is there anyone available to assist me with troubleshooting a login session that is not functioning properly

I'm a beginner in php and I'm facing an issue with logging in as a different user in a project. After logging out and returning to the browser, the previous user's window keeps opening. Below is the code for index.php: <?php if ( ...

phpjqueryhtmlmysqlajax

How can you check if a field is blank without allowing any empty spaces to be saved in JavaScript?

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <html> <body> <form id="api_crud_form" name="api_crud_form" action="https://www.google.es"> Name: <input type="text" name="name" id=" ...

javascriptphphtml

What is the solution for resolving the "cannot resolve" issue in CSS for an Angular project?

During a small project I was working on, I decided to add a background image to another image using CSS. Here is the code snippet: .child2 img { width: 200px; height: 200px; border-radius: 50%; background-image: url('./assets/images/imageb ...

cssangular

React App anchor tag's external links fail to function properly on subsequent clicks when accessed through mobile devices

I have encountered an unusual issue with <a> anchors for external links in my React App on mobile viewports. Initially, clicking an external link opens a new tab just fine on mobile. However, subsequent link clicks on the same or other <a> elem ...

javascripthtmlreactjs

Adding a PDF generated from an HTML div to an email using Java

I am looking for a solution to convert the contents of an HTML div tag into a PDF file while preserving its associated CSS. This is essential as I will be using Java on the back-end to send emails, and I need to attach the PDF with the CSS intact when send ...

javascriptjavahtmlcssjakarta-mail

Is it possible to insert a Font Awesome icon into the content property of a CSS file when utilizing the Font Awesome NPM package?

Is there a way to use Fontawesome without importing it into CSS when utilizing their npm package? ...

cssnode.jsreactjsnpmfont-awesome

Organizing flex-items in a specific manner

My goal is to organize flex-items in a specific layout: To achieve this, I am referencing the following example: .Container { display: flex; overflow: hidden; height: 100vh; margin-top: -100px; padding-top: 100px; position: relative; widt ...

htmlcssflexbox

Adding an extra menu next to a select option in a React component

I recently came across a fantastic select library for React called react-select. However, I noticed that it does not support nested select options. Therefore, I am curious to learn how to add an additional menu next to a select option, similar to a bookm ...

htmlreactjsreact-select

trigger a label click when a button is clicked

I am in need of assistance with simulating a label click when a button is clicked. I attempted to make the label the same size as the button so that when the button is clicked, it would check my checkbox. I then tried using JavaScript to simulate the label ...

javascriptphpjqueryhtmlcss

Having trouble with setting the margin-top of a div?

When I attempted to apply the margin-top property to a div's style, it didn't have any effect. https://i.stack.imgur.com/jyY2G.png Below is the code snippet: .side { margin-left: 65%; margin-top: 3%; margin-right: 3%; border: 1px sol ...

htmlcssmargin

Issues with onClick events not triggering on transformed CSS3 elements

//My mind was completely tangled up. Everything is functioning properly, this question is inaccurate and outdated When I rotate an Element on the Y-axis and attempt to click on it, which has a bound eventListener (onClick), the event does not trigger (hov ...

javascripteventscsstransformcss-transitions

JS on-click function is not functioning

Here is the HTML code I have for my navigation menu: <nav role="navigation" class="nav"> <ul class="nav-items"> <li class="nav-item"> <a href="#" class="nav-link"><span>About Us</span></a> ...

javascriptjqueryhtmlcssonclick

Showing data from a MySql database using an HTML table

I am currently working on a pop-up form that captures user data and stores it in a MySQL phpmyadmin table. My goal is to have this data displayed in an HTML table once the popup form is closed. After submitting the form, I am redirected back to the homepag ...

javascriptphpjqueryhtmlmysql