I have been trying to edit the website, from the given questionaire but, i do not have any option to change the contents of the website
Category: General request
General questions, feature enhancements and discussions.
-
I have been trying to…
Comments0 -
I get this /#more-57 in…
I get this /#more-57 in my url from archive page on read-more link. SO how can I get rid of it?
Tnx
Comments2-
He assumes that it is a post id
-
Not sure if this is the right place for this kind of support question as it’s not possible to replicate the issue without more information. Internal links (i.e. # page jumps) like you describe are not included in any of the Starter Themes we maintain. Probably WP stackexchange would be a better platform to ask for help.
Leave a Reply
You must be logged in to post a comment. -
-
Problems styling bootstrap starter theme
Hello! I’m fairly new to web programming, tough I’ve been developing mobile for a long time already. I was trying to set up a WordPress page using the Bootstrap Starter Theme for WordPress.
Steps I followed before my problem:
1. I downloaded from https://them.es/starter-bootstrap/ a theme with my custom settings.
2. I added the new Theme to my WordPress page, and activated it
3. I used that same file on my local machine, and installed all the npm dependencies
4. I run thenpm run watch
commandAfter all these steps, I modify the
main.scss
file, for example creating a color and updating the colors map according to the documentation.//4. Include any default map overrides here
//Create your own map
$custom-colors: (
"testcolor": #900
);
// Merge the maps
$theme-colors: map-merge($theme-colors, $custom-colors);
I let watch to compile all the files correctly, and after that, I copy all the files to the “themes” folder inside my wordpress folders.
The problem is that if I try to use this new value on a page, for example using
bg-testcolor
in anav
, the variable won’t get used. If I inspect the code, the values that I see being used are from_root.scss
, and it won’t have this newtestcolor
. If I continue looking at the inspector, the themes/mytheme/assets/dist/main.css will have the value correctly defined, but it is just not existing on the inspected code.Did I forget to configure anything?
I hope I made myself clear, maybe this wasn’t asked the correct way. Thanks!
EDIT:
Seems like importing
<link rel="stylesheet" href="wp-content/themes/my_theme/assets/dist/main.css">
In myheader.php
‘s header makes the page indeed use the variable I want of the compiledmain.css
file. I’m wondering if I missed some step on the installation process and the WordPress Theme is not using the correct variables? Ehitherway, now it feels like it’s working!!
Comments4-
Can the problem be due to not installing the
npm install
dependencies on the host machine, and just compiling “locally” on my own pc? Just wondering -
Hi,
npm only needs to be installed on your local machine. And your custom-colors map code seems to work fine – the classes.bg-testcolor
and.text-testcolor
are successfully compiled on our test system as well.– Did you delete your browser cache and/or increase the theme version variable in
style.css
?
– Alternatively you could try to define the new background-color directly via the classname e.g..navbar { @extend .bg-testcolor; }
-
Hello again,
Indeed updating the style.css version seems to be the solution. Thanks for the quick response and of coruse for the great theme. Thanks to it I can do whatever I want 😀-
Glad that your issue has been resolved and happy to read that the Starter theme is useful for you 😀
-
Leave a Reply
You must be logged in to post a comment. -
-
I’m trying to change the…
I’m trying to change the bootstrap theme background. I used this in the main.scss
// Body
$body-bg: $gray-600;
$body-color: $gray-900;I also tried adding css:
body {
background-color: #f9f1e0;
}
but it isn’t workingmy other changes work just fine so npm is working fine.
Thanks
Comments5-
Hi,
it’s hard to reproduce what’s wrong with your setup without seeing the full SCSS source.
Could you first make sure that /assets/css/main.css is writable or delete main.css and try to recompile it.If it’s still failing would it be possible to share your main.scss by creating a ZIP file and dragging it in the Uploader (see Sidebar)?
-
Okay, it’s working now. User error. Thank you. And thank you for this great theme.
-
Glad that you could debug the error and make it work.
Thanks for the feedback. I’m glad that you find the theme useful. Happy Coding!
-
one more question. I want to modify the main blog page loop… where is index.php calling the loop from? I see the single page loop, but not the one which lists the blog posts.
-
The post loop in the archive templates (i.e. index, author, category, etc.) is called via
get_template_part( 'archive', 'loop' )
which loads the generalarchive-loop.php
template. There you can see that thecontent-index.php
template is referenced.index.php – https://github.com/them-es/themes-starter-bootstrap/blob/master/index.php#L22
archive-loop.php – https://github.com/them-es/themes-starter-bootstrap/blob/master/archive-loop.php
content-index.php – https://github.com/them-es/themes-starter-bootstrap/blob/master/content-index.php
-
-
-
Leave a Reply
You must be logged in to post a comment. -
-
I can edit main.scss, watch…
I can edit main.scss, watch runs and it all works, except options.
I change color vars – $red: for example, i change breakpoints, $grid-breakpoints, but no any change i see in the theme.
Comments5-
Hi redshoes!
The Gulp watch task should work out of the box. Could you make sure that you have read+write access to /assets/css/main.css. You could also try to delete the main.css file and recompile it from the SASS source.
Hope this helps…
-
Well, i’m not saying, that gulp is not working. It does it’s job!
The bug is that i can’t change these global vars, like breakpoints and colors. I can successfully create my own ones, and it works (as i already did for the colors), and thank G-d, i do not really need to change breakpoints in this project, but as for the future…-
Colors can be changed by defining the $colors variable: https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L46-L61
Grid breakpoints can be modified via the $grid-breakpoints variable as pointed out in the official Bootstrap repo: https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L285-L292
But I guess you already know that. So please double check that you are adding these variables in your main.scss file before any @import “../node_modules/bootstrap/scss/bootstrap”; statements.
This has been tested locally by us and confirmed to be working. If you still don’t manage to change the grid breakpoints, would it be possible to share your main.scss file? You can use the uploader in the sidebar to share it as a ZIP file.
-
I’m confused as Gulp only seems to recognize main.scss and changing any files in node_modules/bootstrap/scss aren’t recognized. I can make changes in node_modules/bootstrap/scss but then I have to change something in main.scss to get Gulp to compile. This seems to be an incredibly slow way to develop. Am I missing a path in my gulpfile.js? Or am I supposed to run npm install in node_modules/bootstrap/ ?
Thanks!
-
Modifying NPM source files is a bad idea. Anytime you update your NPM dependencies all changes will be lost.
The correct approach is to override the Bootstrap variables as stated in the previous comment – preferably in main.scss
Documentation: https://getbootstrap.com/docs/5.0/customize/sass/#variable-defaultsOur Gulp watch command only gets triggered when main.scss or main.js gets modified but feel free to add more paths in your local gulpfile.js
-
-
-
-
Leave a Reply
You must be logged in to post a comment. -
-
I’ve been investigating your theme…
I’ve been investigating your theme and like the simplicity and that it already includes basics such as the Bootstrap menu walker that designers like myself don’t really want to build.
I’m coming from using FoundationPress for number of years which did not facilitate child themes.
Somewhere on your site I saw a note on regarding child themes and build tools. I’m not finding it now. I want to set a child theme and use sass. I’m not clear how to do this with them.es and I haven’t set a child theme in a sass environment. So, looking for some reference for this.
Comments1-
Hi squidzink!
Creating a child theme for one of the Starter Themes is not required and not recommended. According to the official WordPress docs a Child Theme allows you to change small aspects of your site’s appearance yet still preserve your theme’s look and functionality.
The purpose of a Starter theme is to start developing from scratch with a small code base and not to use it as a Parent Theme.If you want to build a new them.es Starter Theme you need to be familiar with npm development in order to setup the required frontend build tools.
The following resource should help you setup your DEV environment: https://them.es/starter-bootstrap/getting-started
Leave a Reply
You must be logged in to post a comment. -
-
Starter SPA issues
I installed this theme locally, and I ran into a few problems. When I click one of the WordPress admin links at the top of the page (Customize, Edit Page, etc.) I get “404/Not found”. The URL appears in the address bar, and I have to position the cursor in it and hit enter to open the link. Whether I’m logged in or not, when I type the site URL into the address bar, it opens on the 404 page, and I have to click one of the menu links to see the page. I have it set up for a static home page, by the way.
Comments4-
Hi ddgardner!
I’ve duplicated your comment from https://them.es/support/2015/06/08/them-es-starter-spa-ready-for-download/#comment-10 as a new post.
The SPA Starter Theme has been designed as a Single Page Application. I.e. All links (even the WordPress internal links) are routed via page.js
So you’ll have to open them in a new tab or hit enter again.If your Front page displays a 404 error…
1. Go to Settings > Reading
2. Front page displays: A Static page
3. Select your Homepage
4. Save changesThis has been documented here: https://them.es/starter-spa/download
Please let me know if that works for you.
-
The wp-admin redirect now works in the latest release v1.0.4 – You can download a new customized theme or add the following line in index.php: https://github.com/them-es/themes-starter-spa/blob/b1d2a9e029cdc038a9a36f8f52e0e9e79733ac7c/index.php#L199-L206
-
Hi, thanks for responding. I downloaded the new version and installed it on a local server. Unfortunately, it’s still not working. Before, when I’d click on a link, I’d get a 404 in the content area of the theme. Now, it takes me to a separate page with a “not found” error message. Here’s what’s strange, though- I installed it online on a free host, and it worked fine. Maybe the problem lies with my local server installation.
Thanks again for taking the time.
-
-
Maybe “mod_rewrite” is not enabled on your local server. And/Or your Permalink settings are wrong.
Try to set the Permalink structure to “Day and name”.
Leave a Reply
You must be logged in to post a comment. -
-
multiple countup numbers in one row?
Multiple countup numbers are stacked on top of each other; I would like them to spread in one row and also have headers. I was not able to add the shortcode to an ACF table nor was I able to input the shortcode and table code in the page’s source code. Any advice? Tx.
Comments1-
Inserting a shortcode in a PHP template is actually easy:
echo do_shortcode("[...]");
Please have a look at the following discussion if you want to use shortcodes in a Advanced Custom field table: https://wordpress.org/support/topic/shortcodes-in-table-apply_filtersthe_content
The provided solution is working for me.
Leave a Reply
You must be logged in to post a comment. -
-
Countup in a widget
I used the Countup as in http://them.es/plus/countup/. This looks good at a page or post. However, in a widget it doesn’t work. Is a method available to make this work in a widget too?
Comments1-
Here is a short tutorial how to enable shortcodes in widgets: http://www.wpbeginner.com/wp-tutorials/how-to-use-shortcodes-in-your-wordpress-sidebar-widgets/
Leave a Reply
You must be logged in to post a comment. -