• Resolved aliyarose

    (@aliyarose)


    A couple of things I’d like to edit, and I believe they’re all CSS related:
    1. I’d like to align the text and the social icons for my site on the right side, but still at the top next to my logo/header. how can I do this? css code?

    2. I’d like to remove the box currently around my nav bar/menu. how do i do that?

    3. how can i move the text titles of the featured pages (below the slider images) to be ABOVE their respective images (not below as is the default)? so the order of the page from top to bottom would be header, slider, text title of featured page, image for featured page.

    here’s my site’s current location: http://powersuits.org/wordpress/

    thanks for your help!

Viewing 15 replies - 1 through 15 (of 15 total)
  • I can answer (2):

    /* Get rid of navbar/menu border */
    .navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    }
    
    /* Get rid of navbar/menu background */
    .navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background:none
    }

    Where do i find the navbar in the css? in relation to question #2 by aliyarose

    You either cut&paste it into (10) Custom CSS, or create a Child Theme (https://managewp.com/how-to-create-a-child-theme
    ) and add it to the child style.css.

    I tried this and it did not remove the box in IE8 ? Is there something more that needs to be done as well.

    Can you add a link to your site?

    http://kryptonitetanks.com/

    worked on Mozzillo and chrome fine and my android, but not on IE. I had already made the changes previously and I was hoping your recommendation would solve the problem.

    Hello All,

    How do I move the menu to the right side?

    thanks,
    RJ

    @rjsarli Could you start your own thread for this new problem please?

    @brandonnelson Weird. If anything, I would have expected old versions of IE to have problems displaying the box-shadows! Questions to troubleshoot:

    1. What exactly are you getting on IE8? Does the gradient disappear? Does the box shadow disappear? Do neither disappear?
    2. What does my site show on IE8? (I took them off too and this will help us narrow it down to a problem with the CSS or a problem on your site with other conflicting CSS)

    I get a white box around everything on my site. I have one computer with IE8 and IE7 on another and I get the same result on both. Its been soooo long since I ever used IE, but I thought I should check just to make sure and there are lots of problems, but this one is the most troubling as I am using a white font color.

    Yours shows a gradient on both

    Rats 🙁

    I’ll see if I can figure out how Nicolas put the gradient on there in the first place.

    (Nikeo—if you’re watching—help!)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Everyone who’s having issues (not aliyarose) please create your own threads to discuss them.

    Well, I’ve just realised that the background:none was missing a semicolon up there, which won’t have helped! The code should be:

    /* Get rid of navbar/menu background */
    .navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background:none;
    }

    Does that fix the problem? If not does replacing it with this fix it?:

    /* Get rid of navbar/menu background */
    .navbar .navbar-inner {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background:none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled='false', startColorstr='#ff222222' , endColorstr='#ff111111' , GradientType=0);
    }

    Tell me if the simple semicolon worked.

    It did not seem to change anything that I noticed

    Neither the first, nor the second?

    Thread Starter aliyarose

    (@aliyarose)

    thanks all for the great code!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘nav bar menu editing – css support’ is closed to new replies.