I am having a bit of trouble trying to create a custom page template on Wordpress using the _tk theme (based on _s theme & Bootstrap). My issue is that I want to make the custom page template span the entire width of the content area after removing the side bar, but there is a class showing in the HTML inspector that is not allowing me to do this. I have included a screenshot to show what I mean.
I can remove the col-md-8 class from the inspector and it gets me the desired result, but I can't locate it in the PHP files to remove/modify it. I am fairly new to developing/designing with Wordpress, so I'm not sure if I am even going about this the right way.
Site I am working on: http://66.147.244.181/~slimbaby/phenomradio.
col-md-8 is found in header.php on Line #85.
You might want to simply override the CSS on that specific page though if you prefer not to edit header.php
Related
I'm using Django to handle my templates. From the picture I am trying to explain what I want in the web page. For convenience I have given the number for the blocks in the picture. I have created blocks 3,4 5,6, and 7 in one .html file.
I actually want navbar1 and navbar2 to display in every page of my project, and that's why I have to create one separate .html file for each. The problem is that I'm not able to apply two navbars in one html file. I also tried with the sidebar (for navbar2), but have faced some issues.
Dropdown button doesn't work on the sidebar and,
When I reload the page, the menu of the side bar will display first and then the sidebar will overwrite the menu and then visualize properly.
Please suggest to me how I can design the page for navbar1 and navbar2 in one html file.
Creating a base.html template that all other templates inherit/extend from should do the trick. Here's a website post going in depth upon how to accomplish this: https://tutorial.djangogirls.org/en/template_extending/
I am trying to create a website with wordpress, but I was asking me if it was possible to remove a "duplicate" menu --> I actually use Reyjavik theme, and created a child theme. It is possible to add a Social menu in the menu area. I implement a social menu and thought it was only present on the header part of the website. But no, it's also present in the footer..
I searched a lot on the internet, and saw that one way would be to write diplay: none but that it was not a good way for SEO.
Do you know how could I do to remove this footer link within my child theme without do a copy & modification of the entire main.php file please ? Is there a way like additional style.css file to block this button please ?
PS : It's not a widget
Thank you for your help !
Jerry
You can set visibility: hidden.
display:none means that the element will not appear on the page at all (although you can still interact with it through the dom). There will be no space allocated for it between the other elements.
visibility:hidden means that unlike display:none, the element is not visible, but space is allocated for it on the page. The element is rendered, it just isn't seen on the page.
Andrey's comment is worked well. The alternative way I would recommend is to remove source code by creating a child theme as you have done before. It will good for your performance which is better than overriding CSS.
There are a few steps
Copy menu-social.php from templates/parts/menu in Reyjavik theme
Create templates folder in child theme
Create parts folder in templates folder
Create menu folder in parts folder
Paste menu-social.php and edit source code (or remove it)
Hope it works to you!
So I'm trying to get familiar with working with Flask bootstrap. However, one thing confuses me. I'm using http://getbootstrap.com/components/#navbar-fixed-top .
It tells me to add: body { padding-top: 70px; }
However, where does it want me to add it? I've added it manually to my html file, which works, but I'm working with blocks.
This is what it looks like now, which isn't the way it is suppose to be, I guess?
The place you are trying to add it looks fine. It just needs to be in any CSS file that gets loaded after the bootstrap CSS file. If you're inlining the CSS in your HTML, as it seems you are, and you're loading the bootstrap CSS correctly, from the <head> section of your page, then it will be loaded after the bootstrap, so that's ok. The only thing to bear in mind is that if you refactor the CSS into a separate file, the <rel> call to the page CSS file should go after the bootstrap CSS call.
What Flask calls blocks seem to essentially be templates, similar to those in backbone, ruby, mustache templates etc. When using these it can be helpful to let your page load in localhost, and inspect the source, so you'll be able to see how the final page loads, and where everything is loaded relative to other parts. However, the same principles should apply. With Flash you should be using the head block to load in the <head> section of your page.
acausedesbrunettes.com and I am trying to change the HTML code for the navigation bar (home - category) into the individual pages "events" "fashion" "food" "travel" so that my posts using the #events, #fashion, #food, #travel appear on these individual pages. Can anyone help me in how I have to entry this in the template's HTML?
I would also like for the thumbnails to be bigger; how can I adjust this?
And if you place your mouse on a post you see the "comments" section, I would also want to delete this so that the text of the post istelf only shows.
To change the navigation bar, you'll want to use your WordPress admin area, instead of changing HTML code (you could change the HTML code, but you would have to dig and dig to find where it is in the PHP files in your site's directory). Hover over "Appearance" and select "Menus".
For the size of thumbnails, use CSS in the style.css file (hopefully you're using a child theme). And to remove comments, try a plugin called "disable comments".
I made a drop down menu using HTML and CSS. Something like this: http://sneznipark-kg.si/
How can i put a menu in external file(so that i don't need to make changes to it on every page individually)?
I could use iframes, but the problem there is, that elements that "drop down", are only visible in iframe, not on the main page.
I found some solutions using PHP, but i cant use those, because contract with my server provider doesn't include databases (so i cant use PHP, right?).
I think you are looking for:
How to Make Website Navigations with PHP Includes:
http://www.youtube.com/watch?v=IMh2cGIX41g
Simple PHP/HTML navbar for a static website:
http://www.youtube.com/watch?v=v8PUIVn3NFE
As mentioned above, you should be able to use PHP.
If you're not opposed to jquery AND both files are on the same domain. You can use .load().
http://api.jquery.com/load/
You can use any container as a place holder. Like a div, then load the html page into the div. It will put the entire page into the div. So you probably just need to add the menu part, and not the entire html markup.