Support » Themes and Templates » How to modify it through custom.css

  • bubusi

    (@bubusi)


    I changed the size of a picture and the frame by altering the css as they appear in two files from the theme book-store. The files are and changes were:

    book-store/woocommerce/woocommerce-mod.css (for the size of the picture)
    div.product div.images img,#content div.product div.images img {
    width: 200;
    height: 300; }

    book-store/stylesheet/bootstrap.css (for the frame)
    .row-fluid .span6 { width: 30%; }

    What I don’t know how to do it is to enter such changes in customs.css instead of altering the two files mentioned above. I imagine that I need some code that will overwrite the parameters coming from these two CSS files, but I don’t know how to do that. Can anybody provide me with the lines of code please?

    Thanks,

    Marc

Viewing 1 replies (of 1 total)
  • Wolfs bRain

    (@wolfs-brain)

    Hey bubu (that made me think of yogi bear)
    The easiest way to change any css on a wordpress site is to make a child theme. The only file you need inside the child theme folder for it to function is a style.css file. It also ensures that when you update your parent theme your style isn’t overwritten and everything stays in tact
    Here’s a link explaining how to go about it.

    https://codex.wordpress.org/Child_Themes

    Hope it helps. If you have any more questions feel free to ask.

    [ Signature moderated. ]

Viewing 1 replies (of 1 total)
  • The topic ‘How to modify it through custom.css’ is closed to new replies.