This will work only if your template is in the root folder, if its in a subdirectory you need to supply that too: if ( is_page_template( ‘template_folder_name/custpage.php’ ) ) { wp_enqueue_style( ‘vega’, get_stylesheet_directory_uri() . ‘/style2.css’ ); }
I looked at my child theme’s functions.php and I found that I had commented out the line to enqueue the child style.css. I’m guessing that the stylesheet is loaded automatically because that is the active theme. I would suggest you try not explicitly loading your child theme’s stylesheet and see if that helps. P.S. Only … Read more
Instead of writing custom styles like .menu-item-346 where you are hardcoding some styles… why not just add a custom css class with the editor under Appearance -> Menus. WordPress has this build in. Under Appearance -> Menus you need to open the Screen Options and tick the box CSS Classes. After this you can now … Read more
Figured it out! function split_title($title) { $title = get_bloginfo(‘name’); $word = substr($title, 0 , 5); $press = substr($title, 5); $html = “{$word}<span class=”bold”>{$press}</span>”; return $html; } And then <?php echo split_title($title); ?>
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
That works if you put your code in header.php, copied in the childtheme, after the line: <header id=”masthead” class=”site-header” role=”banner”> My html code is: <div class=”logo-right-text”> <span style=”font-size: 14px; font-weight: bold; color: #555;”>1800-123-456-22</span> <div class=”clear” style=” height:3px;”></div> <span style=”font-size: 14px; font-weight: bold; color: #555; “>[email protected]</span> </div> And CSS: div.logo-right-text{ margin: 0px 10px; } div.logo-right-text { … 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