WordPress.org

Forums

[resolved] Custom CSS Question / Combining 2 coding fixes (8 posts)

  1. ghi935
    Member
    Posted 3 years ago #

    Greetings, I'm a beginner...no coding experience and this is my first website. Trying to incorporate two coding fixes to Custom CSS per a support website but cannot get the second one to work.

    Spent some time on the Inkthemes (creator of Blackbird template) support website to learn how to remove the 3 feature circles/content on Blackbird:

    Under Appearance > Theme > Styling Options > Custom CSS, ADD:
    .feature-content-inner{
    display:none;
    }

    I also saw I could remove the top right phone/address contact details on the landing page through adding as Custom CSS:
    .header_wrapper .call-us{
    display:none;
    }

    My question is if I have two custom CSS additions (as above), do I need to do anything special? I have them as follows...

    .feature-content-inner {
    display: none;}

    .header_wrapper .call-us{
    display:none;
    }

    ...and the second one doesn't seem to work. Don't know if I'm doing something wrong in terms of 'punctuation' or position.

    Would appreciate any help.

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    We always need a link to the site for help with CSS questions.

  3. ghi935
    Member
    Posted 3 years ago #

    executasgroup.com

  4. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    What element are you trying to target with this, "header_wrapper" class?

  5. ghi935
    Member
    Posted 3 years ago #

    On my website executasgroup.com there is a phone number and an address that appear on the top right of the main landing page. If I don't put anything there is pre-populates with dummy text. Per another support group, looks like their is a way to remove it but I'm not sure how to combine the different code additions under custom CSS.

    Thanks!

  6. CrouchingBruin
    Member
    Posted 3 years ago #

    To hide the phone # and address, you just need to add this to your custom CSS:

    .header-info {
       display: none;
    }

    You should learn how to use the browser extension, Firebug. It will help you pinpoint what elements that you need to target with your CSS.

  7. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    The way CSS works is that it targets HTML elements.

    If you don't have a HTML element with the class "header_wrapper" then your CSS won't target anything.

    http://www.html.net/tutorials/css/lesson2.php

  8. ghi935
    Member
    Posted 3 years ago #

    Thank you, that works. Consider this closed.

Topic Closed

This topic has been closed to new replies.

About this Topic