Member Avatar for GAMARKETGIRL

Hello,

I just started new site and wanted to know if anyone has any ideas about my website if the colors are off or need perking up? If I should switch somethings around. For some reason I feel like I may be missing something. Can you please help. am new to all of this and your input would really help me.

Edited by happygeek because: fixed formatting
  • 3 Contributors
  • 3 Replies
  • 241 Views
  • 4 Days Discussion Span
  • Latest Post Latest Post by azzu5

Dani AI

Generated

Practical, focused fixes to get the site usable and trustworthy quickly. Prioritize legibility and the navigation issues called out in the thread: flagged the footer text as too small and falling off the screen, and suggested removing the globe icon from each main-menu link. Solve those layout and touch problems first, then refine colors and visual hierarchy.

Quick CSS fixes that address the two immediate problems noted above:

/* Base typography */
html { font-size: 16px; }
body { font-family: Arial, Helvetica, sans-serif; line-height: 1.5; color: #222; margin: 0; }

/* Sticky footer so it is not hidden off-screen */
body { display: flex; min-height: 100vh; flex-direction: column; }
main { flex: 1; }
footer { font-size: 0.875rem; padding: 16px; box-sizing: border-box; }

/* Remove decorative globe icons (image or background) */
nav .menu-item img.icon { display: none !important; }
nav li { background-image: none !important; padding-left: 0 !important; }

/* Improve nav touch targets */
nav a { display: inline-block; padding: 12px 16px; min-height: 44px; line-height: 20px; }

/* Clear primary CTA */
a.cta-primary { background: #e85100; color: #fff; padding: 10px 18px; border-radius: 4px; text-decoration: none; display: inline-block; }

Handy checklist (fast wins)

  • Typography: base 16px, footer >= 14px, line-height 1.4–1.6 for readability.
  • Contrast: aim for high contrast between text and background (legibility over decorative effect).
  • Navigation: remove non-functional icons, increase padding, keep 44x44px touch targets.
  • CTAs: one strong accent color, consistent styling and placement.
  • Layout: mobile-first CSS, use flexbox/grid and the sticky-footer pattern above so the footer never hides content.
  • Performance & trust: optimize images, enable HTTPS, show clear privacy/contact links (important for dating sites).
  • Accessibility: keyboard focus states, alt text, test with device emulation and color-blind simulators.

After the fixes above, revisit color choices and imagery for personality and trust: once text and navigation are solid (the exact problems raised by and ), iterate on palette, CTA contrast, and microcopy to guide sign-ups and reduce user friction.

Recommended Answers

All 3 Replies

Member Avatar for MidiMagic

The text at the bottom is too small for easy reading, and is hidden below the screen edge.

Member Avatar for GAMARKETGIRL

Thank You , I will look into that . :}

Member Avatar for azzu5

if you remove the globe sign from each link in main Menu will look more decent and good...

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.