BlogX - Help Please

TA2Web · Sun Nov 10, 2024 3:42 pm

Hello. I have been interested in using the Bludit BlogX theme and have made some adjustments and have called it BS5Blog with the intention of wanting to convert it to the example Bootstrap Blog template provided by Bootstrap.

I have converted it to use my own Bootstrap 5.3 installation as well as using local fontawesome and some other local php variables from my vars file.

I have also included the sharethis plugin to allow for sharing of blog (page.php) posts.

However I am seeing that somethings are not correct. I see that it is still calling Theme:: stuff and I am not sure what I am doing wrong to make the theme work with my own files?

I am only wanting to use the Bludit Blog content and menus while I have custom header and navbar and footer area.

How do I edit the Header sizes within a blog post? Title size (h1) sub title size (h2) etc .. ?

joho · Wed Nov 13, 2024 3:25 pm

Not sure where the issue(s) is/are, I don't think I recognize them as something I have encountered. But have you taken a look at the bs5simplyblog theme? You may find (some) answers there.

It's available on GitHub here:
https://github.com/joho1968/bludit-bs5simplyblog

JasonMark · Thu Nov 14, 2024 3:58 am

TA2Web wrote: ↑Sun Nov 10, 2024 3:42 pm Hello. I have been interested in using the Bludit BlogX theme and have made some adjustments and have called it BS5Blog with the intention of wanting to convert it to the example Bootstrap Blog template provided by Bootstrap.

I have converted it to use my own Bootstrap 5.3 installation as well as using local fontawesome and some other local php variables from my vars file.

I have also included the sharethis plugin to allow for sharing of blog (page.php) posts.

However I am seeing that somethings are not correct. I see that it is still calling Theme:: sex dolls cheapstuff and I am not sure what I am doing wrong to make the theme work with my own files?

I am only wanting to use the Bludit Blog content and menus while I have custom header and navbar and footer area.

How do I edit the Header sizes within a blog post? Title size (h1) sub title size (h2) etc .. ?

To edit the header size (H1, H2, etc.), you can update the relevant CSS or modify the HTML directly in the theme template file. adjust the font size in `style.css` or in Bootstrap's custom class.

I hope my suggestions will help you? Unfortunately there is not enough information or I could have reproduced the problem

TA2Web · Wed Nov 20, 2024 8:09 pm

Thank you both for your replies.

As I am trying to use the bootstrap example blog theme I will apparently have to use the example css in the css/style.css file.

This is part of my modified index.php file:

Code: Select all

<?php include($_SERVER['DOCUMENT_ROOT'] . '/inc/PATH-TO-VARS-FILE.php'); ?>
<!DOCTYPE html>
<html lang="<?php echo Theme::lang() ?>" data-bs-theme="dark">
<head>

<?php include(THEME_DIR_PHP.'head.php'); ?>

</head>
<body class="container">
<?php Theme::plugins('siteBodyBegin'); ?>

<?php include(THEME_DIR_PHP.'navbar.php'); ?>

This is my modified head.php file:

Code: Select all

<meta charset="<?= htmlspecialchars($WEBSITE_META_CHAR) ?>">
<meta name="viewport" content="<?= htmlspecialchars($WEBSITE_META_VIEWPORT) ?>">
<?php echo Theme::metaTags('title'); ?>
<?php echo Theme::metaTags('description'); ?>
<meta name="robots" content="<?= htmlspecialchars($WEBSITE_META_ROBOTS_ALL_ON) ?>">
<meta name="copyright" content="<?= htmlspecialchars($WEBSITE_META_COPYRIGHT) ?>">
<?php Theme::plugins('siteHead'); ?>
<link rel="icon" href="<?= htmlspecialchars($WEBSITE_FAVICON) ?>" type="<?= htmlspecialchars($WEBSITE_FAVICON_TYPE) ?>">
<link rel="apple-touch-icon" href="<?= htmlspecialchars($WEBSITE_APPLETOUCH_ICON) ?>">

<link rel="stylesheet" href="<?= htmlspecialchars($BS_CORE_CSS) ?>">
<?php echo Theme::css('css/style.css'); ?>
<?= $FA_LOCAL ?>

<?= $GA_SCRIPT ?>

<?= $SHARETHIS ?>

This line seems to be looking for some scss file but I am not sure if BlogX theme uses scss?

Code: Select all

<?php echo Theme::css('css/style.css'); ?>

The source code for that line becomes:

Code: Select all

<link rel="stylesheet" type="text/css" href="https://ta2web.com/blog/bl-themes/bs5blog/css/style.css?version=3.16.2">

I do know that type="text/css" has been deprecated and is no longer needed to call css. But that's not really important right now.

If I inspect the code with my browser it seems to be looking for scss? I am not trying to work with sass. Thank you for any help. I am not good with working with the inspect element within my browser.

joho · Sun Nov 24, 2024 5:42 pm

When you say "If I inspect the code with my browser it seems to be looking for scss?", what do you mean? I really don't see how any browser could look for a "source" CSS file unless it's specifically mentioned anywhere ...

TA2Web · Mon Nov 25, 2024 9:37 pm

joho wrote: ↑Sun Nov 24, 2024 5:42 pm When you say "If I inspect the code with my browser it seems to be looking for scss?", what do you mean? I really don't see how any browser could look for a "source" CSS file unless it's specifically mentioned anywhere ...

It seems the code is looking for a path to a scss file. It looks for path to _root.scss and the css file version.

TA2Web · Tue Nov 26, 2024 5:12 am

Ok, I guess my big question was where I can edit the css for blog posts. I think I am getting it ..

joho · Tue Nov 26, 2024 8:09 am

TA2Web wrote: ↑Tue Nov 26, 2024 5:12 am Ok, I guess my big question was where I can edit the css for blog posts. I think I am getting it ..

Glad you're making progress