Cascading Style Sheets

HTML/CSS Grid Layout not correct


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


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

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

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>
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #3082AB;
li {

Syndicate content