Cascading Style Sheets

HTML/CSS Grid Layout not correct

Hi

Newbie here.

Starting a website/Blog, Might use WordPress when this has been completed.

First page of ProPokerUK - a "holding page" - hoping to use button to change picture.

Problems ...

  1. HEADING - text should be left-aligned, but there is a gap at left side (padding/margin ?)
  2. PICTURE - want the image at edges of frame -
  3. frame is full width, should be columns 1-4.
  4. BUTTUN - should occupy space right/bottom of the PICTURE.

Problem Sticky Header CSS

Good afternoon,

I wanted to make the top header of a template that I'm making stay fixed. I have no problem doing that since I used it.

.header {
position: fixed;
width: 100%;
top: 0px;
}

The problem is that the content below is now under the header. Then I use

.container {
margin-top: 20px;
}

The problem is that in responsive you can see blank margins between the header and the container. The container is an image with a title. A hero.

Removing an image from template page through CSS edit

Hi,

Im looking at removing an image from templated page using a piece of CSS but cant seen to figure out what CSS to use.

The page is https://magnetstore.co.uk/cart/

and i want to remove the large product image covering the main view of the page

Limited experience and a digital marketing manager.

I found a post using the following code

.woocommerce-cart td.product-thumbnail {
display: none;
}
@media (max-width: 767px){
.woocommerce .cart.shop_table .product-name {
display: block !important;
}
}

css alignment

https://codepen.io/bryant-designs/pen/VWOZKZ

So I am trying to center the <li> elements within the <ul> element both vertically and horizontally without a lot of code bloat. Please take a look at my codepen to see the HTML/CSS

//mod edit: opening element angle brackets escaped. ~gt

One line horizontal menu breaks up when using id element for separation from other code.

The code below creates a one line menu using a header text plugin in WP but it breaks the styles in the rest of the home page. I am trying to use the #hmenu id element to limit the styling to just the hmenu section. When I remove the remarks to activate the #hmenu element it turns into a verticle menu?

Any help will be appreciated as I am new to CSS styling. Thanks and regards, Kerry McNally

<!DOCTYPE html>
<html>
<head>
<style> 
/*#hmenu{*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #3082AB;
}
 
li {

Syndicate content