CSS

Exclude parts of default css import

Make a copy of Twenty Thirteen’s default stylesheet and remove all unnecessary styles. After it import this copy instead of Twenty Thirteen’s and after next update you won’t loose your changes.

single.php doesn’t getting style

The problem seems to be the way you are calling these style sheets: <!– Libs CSS –> <link rel=”stylesheet” href=”https://wordpress.stackexchange.com/questions/118808/css/bootstrap.css”> <link rel=”stylesheet” href=”http://wordpress.stackexchange.com/vendor/flexslider/flexslider.css” media=”screen” /> <link rel=”stylesheet” href=”http://wordpress.stackexchange.com/vendor/fancybox/jquery.fancybox.css” media=”screen” /> <!– Theme CSS –> <link rel=”stylesheet” href=”http://wordpress.stackexchange.com/css/theme.css”> <link rel=”stylesheet” href=”http://wordpress.stackexchange.com/css/theme-elements.css”> <!– Current Page Styles –> <link rel=”stylesheet” href=”http://wordpress.stackexchange.com/vendor/revolution-slider/css/settings.css” media=”screen” /> <link rel=”stylesheet” href=”http://wordpress.stackexchange.com/vendor/revolution-slider/css/captions.css” media=”screen” /> … Read more

Adjusting post width according to the image size

Markup: <div class=”post”> <div class=”thumbnail”> <img class=”thumb” src=”http://placehold.it/950×450/” /> </div> </div> CSS: .post { width: 500px; } .post img.thumb { width: 100%; /* fill available space of parent and keep aspect ratio */ } Fiddle: http://jsfiddle.net/

Extending site width according to the image size

What you need is a responsive theme that can handle wide pages gracefully. I don’t think there is any simple hack that will not break your theme if it was not designed for it. A saner option is to show a scaled down image that fits your theme and open the full image when it … Read more

+ More