WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. ghi935
    Member
    Posted 1 year 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
    Volunteer Moderator
    Posted 1 year ago #

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

  3. ghi935
    Member
    Posted 1 year ago #

    executasgroup.com

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

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

  5. ghi935
    Member
    Posted 1 year 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 1 year 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
    Forum Moderator
    Posted 1 year 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 1 year ago #

    Thank you, that works. Consider this closed.

Topic Closed

This topic has been closed to new replies.

About this Topic