CSS might be the same, but in the 2nd link, your title is wrapped in a DIV as following: <div id=”page-top” class=”warranty-registration-page content-area”> </div> This element has a margin-top property with a value of 75px. This is why it is visible. Either wrap your title inside the following DIV, or add a CSS property for … Read more
I think the only solution is unicode-range in your @font-face (https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/unicode-range). Unfortunately you’ve to note every single character (or a range) you would like to display via the font in your basic @font-face. After that you can enqueue another webfont with the missing chars and make it available: font-family: ‘font without arabic chars’, ‘font with … Read more
With the use of bootstrap (which u use) this is fairly simple. You can just do like this = <div class=”container”> <div class=”row”> <div class=”site-branding”>logo 1</div> <div class=”secondLogo”>logo 2</div> </div> </div> *menu goes here* first div you give : .site-branding { float: left; margin-bottom: -30px; width: 110px; } Second div : .secondLogo { float: right; … Read more
Site visitor-facing part of any WordPress site is handled by a theme. Contents of theme (outside of WP conventions for meta information and template structure) are arbitrary. In other words — anything you can do in HTML you can do in a WordPress theme. Naturally this includes CSS/HTML frameworks such as Bootstrap and there are … Read more
Not the cleanest or the best way but, you could simply use left:0; and right:0; to make the border 100% of the content, then wrap your text with another tag with position relative, z-index and add background to overlap the border. Here a example: https://jsfiddle.net/23x380kh/ You can change the padding-right value to modify the spacing … Read more
You have to chave line number 12557 in your style.css. Go to your style.css file and search for the code bellow and delete it. .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images { width: 50% !important; } Is your theme really responsive? I think your theme have a big … Read more
Whatever works for you. But a good practice is to start using a methodology like BEM. http://getbem.com/ If you master BEM you’ll find great pleasure in editing css files.
If they are inline, your image paths should be /wp-content/themes/theme_name/ and then whatever the directory is in. Since you are already loading them via file_get_contents(), why not do a search & replace and use the full URL for them? With proper caching, this shouldn’t make any impact on the load time itself. The usual way … Read more
In your child theme’s function.php file, find the enqueue function and add it there instead of using @import in your CSS. For example: function my_scripts_and_styles() { wp_enqueue_style( ‘main-style’, get_stylesheet_uri() ); wp_enqueue_style( ‘bootstrap-style’, get_template_directory_uri() . ‘/css/bootstrap.min.css’, array( ‘main-style’, ”, true ); if ( is_singular() && comments_open() && get_option( ‘thread_comments’ ) ) { wp_enqueue_script( ‘comment-reply’ ); } … Read more
For some reason, taking out the beginning / solved my issue: <style> <?php include(“wp-content/themes/twentyseventeen/style.css”);?> </style> After doing this, I removed it because I realized how much slower it made the page load.