how to add a custom-css-code – by editing the theme options

  • hello dear wordpress-experts and fans

    first of all – many many thanks for releasing this great piece of software the great wordpress-cms

    i am running wordpress version 4.0 benny
    meta-slider-plugin
    responsivepro-pro theme
    child-theme of responsivepro

    see the page https://www.ex-libri.org

    note; this site is in BETA-BEtA-mode – of course

    then i wanted to do some changes: i wanted to change the widtht of the theme:

    i followed the following instructions

    by the way – i also have installed a child theme and then i followed the instructions here

    https://cyberchimps.com/guide/adding-custom-css/

    and i followed the following rules

    i did it by following the easy-way: that is described here:

    The Easy Way
    When you’re supplied with CSS, you need only to simply copy and paste, from within your WP admin and theme options, here:

    To get a full width logo or header you will a small piece of css. For best compatibility with all browsers please make sure the image is not larger than 960px.

    full width featured area

    #logo img {
    max-width: 960px;
    width: 100%;
    }

    i added this at the following place – at the edito of the css-options in the theme options

    but – nothing happens – well i have no glue why.

    see the page https://www.ex-libri.org

    i love to hear from you

    greetings

Viewing 3 replies - 1 through 3 (of 3 total)

  • The style

    #logo img {
max-width: 960px;
width: 100%;
}

    is already applied. If you change max-width:960px with width:960px, you will see that the logo will stretch throughout the full width of the header.

    I’m not sure what you are trying to accomplish but if you want to change the width of the page you should try to target the elements with id header, wrapper and footer and not the logo.

    With max-width: 960px; you are only telling the browser that the logo should not be wider than 960px, which is the width of its containing element – the header.

    Thread Starter say_hello

    (@say_hello)

    hello dear ygspasov

    many many thanks for the quick reply. your answer is very convincing.

    how would the code look like that i have to apply – in order to change the width of the page?

    this is what i am trying to accomplish.

    Note – i have installed a child theme allready. So i guess that i can do the changes

    a. with (in) the child theme itself
    b. on the easy-way by editing the

    the new CSS, by simply copying and pasting, from within my WP admin and theme options, here:

    Appearance > Theme Options > Custom CSS Styles

    how would the code look like?

    many many thanks for any and all help.

    greetings
    say

    btw: i run the theme called resonsive that is developed by cyberchimps-folks.- and the service and support here is great. i love the community here.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to add a custom-css-code – by editing the theme options’ is closed to new replies.

Tags