[Support request] css commands

Home Forums Support [Support request] css commands

Home Forums Support css commands

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1671630
    Nikos

    hi,
    this is a general question.
    is there a way to have a full list of the css commands generatepress premium support?
    usually when i want to do something, first i search in the forums here. then i go to w3.org. then i search in google or youtube. when i don’t find the answer i ask here πŸ™‚ but to avoid to “bother” you much (i know i don’t but i am polite) if there was a list of css commands together with their basic syntax i could do a lot alone πŸ™‚
    now everytime i get help from you i have a document file where i put the commands i learn in alphabetical order. so it is easy to search it and use it in my next projects.
    also i have not understand clearly if css commands work everywhere or there are generatepress specific commands.
    like procedures made by you and come together with generatepress theme.
    thank you !!!

    #1671655
    Elvin
    Staff
    Customer Support

    Hi there,

    There’s no CSS “commands”. CSS is purely for styling, read by the browser. It’s a “universal” web development language.

    I believe what you mean to ask was the theme specific selectors. Example: .entry-header

    We don’t have a list of ALL the selectors the theme uses but it’s not actually necessary since you can easily view them in Google Chrome when you inspect the page.

    Even if we had a list, it’s likely less practical as inspecting it directly from the page is waaay faster.

    Here’s how to view it(Chrome, Windows 10): https://share.getcloudapp.com/4gu145bq

    All attributes of elements can be a selector.

    Say for example, you have this HTML <div id="my-id" class="my-class" data-attribute="this-attribute">

    You can style this element 4 ways.

    Example CSS: changing text to red.

    1.) Through ID selector. (unique)
    https://www.w3schools.com/cssref/sel_id.asp

    #my-id{
    color: red;
    }

    2.) Through class selector. (not exactly unique)
    https://www.w3schools.com/cssref/sel_class.asp

    .my-class{
    color: red;
    }

    3.) Through its other attributes. (not exactly unique) https://www.w3schools.com/css/css_attribute_selectors.asp

    div[data-attribute="this-attribute"] {
    color: red;
    }

    4.) Through the HTML tag. (defintely not unique, not recommended as this will affect other <div> as well)

    div{
    color: red;
    }

    CSS selector reference list.
    https://www.w3schools.com/cssref/css_selectors.asp

    #1671671
    Nikos

    hi elvin !!!
    interesting “trick” maybe i can solve by myself some problems in the future πŸ™‚
    thank you very much

    #1672982
    Elvin
    Staff
    Customer Support

    Some problems can’t be solved with just this. On those cases, you may have to learn some JS or PHP as well.

    No problem. Glad to share any useful knowledge. πŸ™‚

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.