{"id":40507,"date":"2020-08-08T10:07:42","date_gmt":"2020-08-08T15:07:42","guid":{"rendered":"https:\/\/webirix.com\/?p=40507"},"modified":"2020-08-25T10:23:31","modified_gmt":"2020-08-25T15:23:31","slug":"como-editar-el-codigo-css-directamente-en-wordpress","status":"publish","type":"post","link":"https:\/\/webirix.com\/en\/como-editar-el-codigo-css-directamente-en-wordpress\/","title":{"rendered":"How to edit CSS code directly in WordPress?"},"content":{"rendered":"<p>A small file, packed with values in a relatively simple language (or at least more so than PHP) allows you to do wonders for customizing a free WordPress template or even unlocking the potential of a paid-licensed theme.<\/p>\n\n\n\n<p>These are cascading style sheets or <em>Cascade Style Sheet<\/em>, which is a .css file where the fonts to be used are included, from where we will invoke them and their various values (thickness, size, style, use in headers). Some templates that have minimal CSS even include it directly in the header, but normally it is a separate file.<\/p>\n\n\n\n<figure class=\"wp-block-pullquote\" style=\"border-color:#cf2e2e\"><blockquote><p>Use WordPress with the best Mexican hosting: <a href=\"https:\/\/kiubix.mx\/cloud-hosting\">Know the KIUBIX options<\/a><\/p><\/blockquote><\/figure>\n\n\n\n<p>Before the rise of paid themes with their own option panels, I used to modify fonts and effects (like what happens when selecting text or hovering over) directly from the CSS, and even today there are aspects that <em>themes<\/em> from $50 or up to $100 USD they do not allow customization unless we enter the code.<\/p>\n\n\n\n<p>We can modify these sheets from the WP-ADMIN if we go to the Appearance -&gt; Editor section:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"633\" src=\"https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css1-1024x633.jpg\" alt=\"\" class=\"wp-image-40508\" srcset=\"https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css1-1024x633.jpg 1024w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css1-300x185.jpg 300w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css1-768x475.jpg 768w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css1-335x207.jpg 335w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css1.jpg 1215w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"329\" src=\"https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css2-1024x329.jpg\" alt=\"\" class=\"wp-image-40509\" srcset=\"https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css2-1024x329.jpg 1024w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css2-300x96.jpg 300w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css2-768x247.jpg 768w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css2-1536x494.jpg 1536w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css2-335x108.jpg 335w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css2.jpg 1615w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>If we are only going to insert an extra value for a particular reason or change a specific value, even WordPress since version 4 gives us an integrated CSS editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"760\" src=\"https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css3.jpg\" alt=\"\" class=\"wp-image-40510\" srcset=\"https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css3.jpg 505w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css3-199x300.jpg 199w, https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/css3-223x335.jpg 223w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/figure>\n\n\n\n<p>Although to unlock all the power of CSS, it would be important to modify from the full editor or use a plugin, if we did not want to risk our template too much.<\/p>\n\n\n\n<p>We share some videos in Spanish with general tips to get the most potential:<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Modificar o a\u00f1adir CSS desde el personalizador de WordPress. Cambiar hojas de estilo de la plantilla\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/ovuH0aK7K2w?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"CSS para WordPress | Separar lo b\u00e1sico para empezar!\" width=\"1140\" height=\"641\" src=\"https:\/\/www.youtube.com\/embed\/5GCDygZ20vA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe>\n<\/div><\/figure>","protected":false},"excerpt":{"rendered":"<p>A small file, packed with values in a relatively simple language (or at least more so than PHP) allows you to do wonders for customizing a free WordPress template or even unlocking the potential of a paid-licensed theme. These are the Cascade Style Sheets or Cascade Style Sheet, which is a\u2026<\/p>","protected":false},"author":99,"featured_media":40511,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2023],"tags":[],"class_list":["post-40507","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress"],"jetpack_featured_media_url":"https:\/\/webirix.com\/wp-content\/uploads\/2020\/08\/GettyImages-1066987348-66e3879d27d244b3b8276484db518bb5.jpg","_links":{"self":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/40507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/users\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/comments?post=40507"}],"version-history":[{"count":1,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/40507\/revisions"}],"predecessor-version":[{"id":40512,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/posts\/40507\/revisions\/40512"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/media\/40511"}],"wp:attachment":[{"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/media?parent=40507"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/categories?post=40507"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webirix.com\/en\/wp-json\/wp\/v2\/tags?post=40507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}