I'm trying to locate/delete this section on blog posts within my blog. I'm just not sure which part to delete/take out or in which liquid file it would exist.
<div class="title-box">
<h1 class="text-center text-uppercase title-under">BLOG</h1>
</div>
Blog post
https://samplified.us/blogs/tutorials-and-free-downloads/how-to-make-a-beat-like-medasin-tutorial
It just takes up way too much room and doesn't really serve a purpose. I can locate it with inspect tool and delete that div class and it looks perfect.
I'm just not sure where in my theme files I can do that.
When I delete it on google inspector it's exactly how I want it to look.
After Deleting
Time Block
If you use wordpress, usually the css will be on style.css.
You can add display:none to title-box CSS and it will work just fine
First, set up a simple dev environment.
Clone your theme (make sure this theme is not published yet.)
Download ThemeKit
Download your clone theme using ThemeKit. (theme download)
Using ThemeKit watch your changes using the theme preview.
Now try to edit the files and try to figure out what is the best option to delete that div.
Using your favorite text editor search for the keyword title-box and you are going to get all areas where that class is used. You can try to delete it and test out to see if that works for you or not.
If deleting cause too many problems you can try to hide with CSS.
After you pick your solution and its working on your clone theme (preview mode). You can publish the clone theme over the current live theme.
Related
I used a HTML free template from Colorlib.com. I gave them recognition and put copyright at the bottom of my site. However, I want to change the favicon to my own (they made their own, but I want to use mine). I got rid of the favicon image and replaced it with mine but even after committing changes and deploying, it shows the previous favicon. How is this possible? It's not even in the folder... How can I fix this?
Github: https://github.com/Ispeeta/Connect-to-Change/tree/master/img/core-img (this is where I kept my favicon, the previous one on my site was a "K" but I want to have a maple leaf)
Site: https://connect2change.netlify.app/stories
Clear your cache to fix the problem.
the answer to this one will probably be obvious to many of you, but I recently decided to make a website for my girlfriend and expand my knowledge while doing that. So here is my dilemma:
I am using the Blossom Mommy Blog theme, which is a child of the Blossom Feminine theme.
Below a single post page, there is a previous post/ next post navigation menu and the "previous/next" text is in English and I want to change that to be in Bulgarian. I was able to see this in the browser debugger, but I can't seem to find where this comes from in the theme files themself, so any help would be really appreciated!
P.S. I even prepared a screenshot, but apparently I cannot attach files here...
P.P.S. Tried looking at the parent and child functions.php, also the templates, but could not find this HTML. Looks like some function is calling it, but I have no idea where to find this function.
With many thanks,
Dobri
Function: previous_posts_link();
Function: next_posts_link();
Use:
previous_posts_link( "Your label" );
More info:
https://codex.wordpress.org/Function_Reference/next_posts_link
https://codex.wordpress.org/Function_Reference/previous_posts_link
here is my situation:
I've created this slide menu:
http://codepen.io/facundo_larocca/pen/vgBmGG
It is working fine and i like it.
The problem happens in the live version, when I tried to add it to my web app, simply it is not responding to the click.
I haven't hosted my app yet and I think it would be too much code to put it all here, but I have my github repo as public.
If you want to check it out, well you will know of course, npm install and then npm start
It is a ReactJS project + CSS, the component, which is not working as I expect is called ThemeSelector. You can check it out here
I'm adding it into this one, check line 42.
All CSS classes can be found here
Whatever you think that is needed to clarify my problem, let my know!!
Thanks in advance and HAPPY NEW YEAR for everybody!!!!
Edited after #Gaby aka G. Petrioli's answer
As I'm using ReactJS instead of pure HTML, for tag must be replaced with htmlFor.
You have forgotten to add the for="navigation" on the label line 22, so they are not linked.
Website source:http://www.salefee.com/blog/
The above website is made on wordpress.In this I have an html code which looks like: <div class="image-title-bg loading" style="padding-top: 140px;">(found out using inspect element option in chrome)
I want to change the padding-top: to 50px,But I am not able to find it in admin panel. Basically I am trying to reduce the image size on my first page of blog. Please help me out with this problem. Thanks in advance!!
You probably will enjoy this WordPress plugin : Simple Custom CSS
;)
You will have to find the relevant file and make changes in it.
Tip: You can search that html tag line in php files.
To change html in Wordpress in admin part you should get to source of home page which can be usually found in Appearance Editor tab. Over there you can find php and html which you can edit. Or if you have FTP access you can track file there.
I'm running a large site, one that has a nav bar at the top. Rather than change the 100+ html files each time we want to change one of the buttons in the top nav, we want to switch the navbar to be displayed using an include of some kind. I want these includes to work on both Firefox and IE, and I don't want to have to change the extensions of each file either.
So far I've tried:
Javascript read file - This works fine on firefox, but IE has file reading blocked it seems.
HTML include - So far only works if we change the extension to shtml
PHP include - I know you can set up apache servers to run php scripts within html, but I don't know how to make this happen in SunOne.
iframes - I had to block iframes in order to comply with security standards.
I'm more than open to suggestions I haven't considered, or ways to make the above attempts work. Any ideas?
Eureka! I've found it!
So rather than include the html, why not just include the javascript and css? Every page will include a .js and .css file. The css can set the image src, and in each image I can use "onclick" to tell it to execute a function in the .js file with a simple window.location. Voila! Two quick changes will change the whole site!
Thanks to Mr. Lister for the CSS idea. That set me on the path.