• Hi,
    I have two problems both CSS related.
    1. In the top right of my site I have a click to call phone number and a box. I have positioned these using absolute and therefore they are different dependent on browser. How can I make the position standard?

    2. The hyperlinks on the site increase in size when hovered over and are not the colour I have set them to be. I have set them to be ff#9900.

    My website is Big Thinking Online

    I would appreciate any support.

    Thanks,

Viewing 9 replies - 1 through 9 (of 9 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    1. You could apply position: relative; to <div id="header">, this should increase browser compatibility, but if it still doesn’t, can you state what’s wrong and in which browser & browser version?

    2. Look for :hover in your stylesheet, then find which is applying the problematic styles http://bigthinkingonline.com/wp-content/themes/somosocial/style.css .

    Thread Starter jamesd80

    (@jamesd80)

    Hi Andrew,
    Thanks for the quick response.
    Here is what I have done.

    1. replaced the absolute command with relative. Positioning is now the same in chrome, IE and Firefox however the positioning is not where I want it to be. It needs to be slightly higher so the bottom of the box ends on the bottom of the header and is further over to the right above the capture form. How would I do that?

    2. I have removed hover altogether however this has made no difference. The hyperlinks still appear bold when hovered over and are still in the incorrect colour!

    Thanks,
    James

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    1. You needed only add position: relative; to <div id="header>", rather than replace any positioning.

    Thread Starter jamesd80

    (@jamesd80)

    Andrew,

    here is the line of code
    <div style="position: relative; to <div id="header"><absolute; top:70px; left:900px;">

    That is not working. What should the code be?
    Thanks

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Have you tried contacting your theme’s vendors, as you’re using a commercial theme?

    I have a problem as well. I want to remove the padding on header on my webiste, http://kicksism.com/ . You can see it for yourself at the link. Can you help me out?

    Thread Starter jamesd80

    (@jamesd80)

    Andrew,
    I have tried the theme vendors but no joy.
    Is there anything else you could recommend?
    Thanks

    I’m sorry but we do not support commercial themes as you paid for support when you bought the theme. It is not our place to keep theme vendors in business.

    @patd4567

    please start your own topic – your problem is neither the same nor even related to the current topic.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘CSS styling help’ is closed to new replies.