Atanas Yonkov

Guys, thank you for joining in. The Pliska theme is build in such a way that the header text is meant to display the page title. I believe this gives much more flexibility, compared to standard themes that show site title on all pages. However, I understand in some cases this is not working for you. Good news is you can easily adjust this behaviour with just a little bit of css or js.

Hide Page Title

To hide page title for a specific page, you can use the following css (add it in appearance -> customize => additional css:

.page-class .page-title {
	display: none;
}

Important: you need an unique identifier to replace “page-class” with the page-specific class. To get that, you need to inspect the body classes to see this page-specific class. To inspect the body class of the page right click with your mouse on the page => inspect:
Image one: How to see the page-specific post class

So, in the above example, you would need to replace page-class with page-id-1134.

Replace Page Title

You can replace page title with custom text with just one line of jQuery. For that, you first need to install the Simple Custom CSS and JS plugin and then add the following code:

jQuery(document).ready(function( $ ){
   $( ".page-class .page-title" ).text('La La');
});

Again, as in the above step, you need to replace ‘page-class’ with the body-specific page class (see image one).

Hope this helps. If you really prefer to see one text on all pages (site title), I have built other themes that do just that. For, example, you can check the Hightstarter theme.

• This reply was modified 2 years, 9 months ago by Atanas Yonkov.
• This reply was modified 2 years, 9 months ago by Yui.

Hi @brovreizh ,
Thank you for using the Simple Tour Guide plugin. At this point, you can only store text in the plugin settings, however, it is absolutely possible to add any type of html code to a specific step with just a little bit of javaScript. Here is a quick example of what you can do:
1. Go to the plugin’s settings page and assign a custom classname to the step you want to target, let’s call the step “append-html-to-step”.

Image One: Add custom class to the step

2. Install the Simple Custom CSS and JS plugin. It will empower you to easily add js code.

3. Add the following js code (use the plugin that we have just installed):

jQuery(document).ready(function( $ ){
  setTimeout( function(){
      	$( ".shepherd-button" ).click(function() {
        $( ".append-html-to-step .shepherd-text" ).append( "<p>Html code.</p>" );
	});
  }, 300);
});

Image Two: Add js code in the plugin

Now, when you fire the tour again, you should be able to see the appended html code in the description of the step that we targeted. You can do something very similar to append an image. Please also check this thread how to append an image with javaScript: https://stackoverflow.com/questions/941206/jquery-add-image-inside-of-div-tag

P.S: Do not forget to add the correct url of the image in the src tag. You can simply upload an image in the Media tab, copy the full url, paste it in the src tag and you are good to go!

Hope this helps!

Hey @easyman ,
I guess you want to show the menu items on top of the full-height featured image? In that case, you can add custom css in theme customizer (appearance=> customize => additional css):

.main-navigation-container {
  background: transparent !important;
  position: absolute;
  z-index: 99;
}

Hope this helps.

• This reply was modified 2 years, 10 months ago by Atanas Yonkov.

Hi @venkatms ,
Thank you for using the pliska theme. I see you managed to hide the title with css. Let me know if you still need any help.

Hi @astrolinks2301 ,
This is weird, it working fine on my end. I can confirm that both menus should be working fine. I am not able to test on the link that you have provided, since you have switched to a different theme, however, I suspect that the issue might be coming from a plugin (or even custom css/javascript, though this is less likely). I would suggest switching off all plugins to check if this issue persists.

Hi @rmvalues ,

Thank you for using the Simple Tour Guide plugin.

You have tried to put all the classnames of the menu item that you want to target, while you should add only one classname. In your case, you need to link the step to .menu-item-2073 (add this to plugin options => create a tour tab => step position). It is the best one from the list of classnames that you copied, since it is unique.

Additional information:

Ideally, I would recommend to target id-s, since they are unique. However, not all elements have id-s and sometimes this is not possible. Please note that classes may not be unique all the time. This means, if there is a scenario where you try to target an element that uses a classname that is not unique, e.g. .menu-item, the plugin will link the step to the first element on the page that has this class. In this example, it will link the step to the first menu item.

Another thing to take into account with menu items is that usually they are hidden on mobile. This means that you might want to use the “skip a step” option or to detach the step from the element on that resolution. More info on that – here. Hope this helps!

• This reply was modified 2 years, 11 months ago by Atanas Yonkov.
• This reply was modified 2 years, 11 months ago by Atanas Yonkov.
• This reply was modified 2 years, 11 months ago by Yui.

Hi @oliwiersc ,
I am not able to replicate the issue (it is working fine on my installation) Can you provide a link so I can test? Thank you!

@frankatan , thank you for this thread. It seems that you have made some valuable contributions here. I will revise the code when I have the time and provide an update. These changes will be evaluated and probably included in the next theme update. Cheers!

• This reply was modified 3 years ago by Atanas Yonkov.

@owendover12 ,
To be able to add fonts beyond the existing options, you would need to extend this theme by creating a child theme. Then, choose a google font and construct a font url by following the instructions. After that, add this code snippet to your child theme’s functions.php:

function pliska_child_add_google_fonts() {
   wp_enqueue_style( 'pliska-child-google-fonts', '//fonts.googleapis.com/css2?family=Zen+Antique&display=swap', false ); 
}
add_action( 'wp_enqueue_scripts', 'pliska_child_google_fonts' );

Replace the url in the code snippet with the font url you have created. After that, <a href="https://kb.oboxthemes.com/articles/how-to-get-css-styles-for-elements/" rel="noopener" target="_blank">inspect the element</a> you want . Finally, you need to apply custom css to the element you want to add the custom font and font size. Go to appearance => customize => custom css and add the following css:

h3 {
font-family: ‘Zen Antique’, serif;
}`

Replace “h3” with the selector you have copied from the browser inspect tools and “Zen Antique” with the font you need.

Hope this helps. Let me know if you have any questions. Here is also a detailed article how to add fonts to a WordPress theme: https://www.wpbeginner.com/wp-themes/how-add-google-web-fonts-wordpress-themes/

Since version 0.2.4, you can override the functions in custom-header.php by duplicating the function name from the parent theme into your child theme and adding your custom functionality there:

function pliska_header_image_css() {
   //add your custom code here
}

Your child theme will then prioritize the new function instead of the parent theme’s function with the same name. Pliska theme is now fully prepared for this behavior due to the added checks in custom-header.php whether the functions exist:

if ( ! function_exists( 'pliska_custom_header_setup' ) ) {
	function pliska_custom_header_setup() {
}

@ilenejohnson , thank you for the feedback, I will provide a way to deregister these styles in the next theme update and get back to you.

• This reply was modified 3 years, 3 months ago by Atanas Yonkov.

Hi,

1. Subheading on header image – you can add subheadings on each page, all you need to do is setup a page excerpt text. See my detailed answer on how to do that in the WordPress editor: https://www.ads-software.com/support/topic/banner-43/#post-14555048
2. Unfortunately, the link you have sent me is not accessible but you can add custom css and play around with the width percentage. Adjust the following custom css in appearance => customize => additional css:

@media (min-width: 40em){
   .main-navigation {
      float: right;
      width: 70%;
   }
}

Hope this solves your issues.

@the10thpower , thank you! The help icon sounds like a good idea, I will it for a future update.

@jeffjohnson3jjshlgkjkl ,
It seems that for some reason you have selected the Services page to be the page that displays blog posts. There is no option available to display post content instead of post excerpt for that page template. To display list of latest posts in the services page, please create a standard page (pages => add new) or remove the Services page being the Blog page from appearance => customize => homepage settings. After you have done that, use the page editor and use the latest posts gutenberg block: https://i.imgur.com/ORE53Q9.png. There is an option in this block to show full post content.

This thread is only about theme related problems. We do not maintain or support third party code. This is responsibility of the plugin developers. For all such questions, you should contact the respected plugin developers.

Pliska theme is coded by the WordPress theme review guidelines. This means that it should be compatible with all plugins, provided that the plugins are correctly coded.