I am using theme Banshee on (http://adriangraphics.com/truturf/) and can't figure out how to put a header image (as seen on http://globalsynturf.com/) above the navigation. I want my logo, along with phone number, etc above the navigation on my WordPress site. I'm assuming I have to change the Header PHP, but unsure how.
In your header.php find:
<div class="row">
Then inside of this find:
<div class="3">
<div id="logo">
Take the contents of this entire div, and cut it.
Then above the <div class="row">, make the following:
<div class="row">
<div class="span12">
<div id="logo">
//rest of the logo code
</div>
</div>
</div>
Related
I'm using contact form 7 plugins, I create form and then save the generated code in the contact page. But, in the preview page didn't show any form.
You just missed out the the_content function to call. Please add this code in your template file from container start to container end. Please check the HTML as per your design .
<div class="contianer"><!--container start here -->
<div class="row">
<!-- map column -->
<div class="col-lg-8 mb-4">
<!-- google map iframe goes here -->
</div>
<!-- contact details here -->
<div class="col-lg-4 mb-4">
<?php the_content(); ?>
</div>
</div>
</div> <!--container end here -->
<?php endwhile; endif; ?>
You need to add the Wordpress loop somewhere in that contact-us.php template, otherwise WP won't load what you define as content in the WP editor (which in your case is the content form)
I have a html structure like below, I want to place my custom header at a random position.
<div class="div1">
<div class="div2">
<?php echo do_shortcode('[header]'); ?>
</div>
<div class="div3"></div>
</div>
But it always make my header go to the bottom.
<div class="div1">
<div class="div2">
//I want the header to stay here
</div>
<div class="div3"></div>
<header>......</header>
</div>
However I place it, the header always go to the bottom, please give advice if you experience it.
UPDATE:
In my case, a specific class removed helped. Thanks everybody.
I have a simple website which I would like to add a row above the navigation that would contain a phone number and maybe some social links.
I am a theme called Hestia Pro and cannot find where to add this extra row
I am looking for some pointers as to where this would get added in the sites theme.
The website is www.gpoint.co.uk
Craig
Your theme is built with bootstrap
you can check your theme files and go to header.php
check the the tag <header>
and inside it you can add:
<header>
.....
<div class="row">
<div class="container">
<div class="col-sm-4">
Telephone
</div>
<div class="col-sm-4">
email
</div>
<div class="col-sm-4">
support
</div>
</div>
</div>
</header>
thats it :)
I'm creating a website with wordpress.
I created a gallery with the Media Library of the wordpress and
I also created template page-portfolio.php all with php (wordpress) and everything works fine.
With the Inspect Element I check in the page-portfolio.php HTML code with tags which was generated automatically by wordpress.
<div id="gallery-1" class="gallery galleryid-11">
<div class="myGalleryItem"><a ref="..."><img src="..."></a><span>...</span></div>
<div class="myGalleryItem"><a ref="..."><img src="..."></a><span>...</span></div>
<div class="myGalleryItem"><a ref="..."><img src="..."></a><span>...</span></div>
...
and I want to change that HTML tags to the following code:
<div class="wrap">
<div class="box">
<div class="boxInner">...</div>
<div class="box">
<div class="boxInner">...</div>
<div class="box">
<div class="boxInner">...</div>
...
the goal is to customize the HTML tags in order to adjust i.e. adptar a CSS gallery grid photos see link:http://www.dwuser.com/education/content/creating-responsive-tiled-layout-with-pure-css/
How can I modify the wordpress HTML code with tags that was generated automatically ?
Thanks
I already made a homepage including the grid system of bootstrap, but now im using mainly includes to keep everything tidy but the grid system doesnt seem to work at all. even if i copy the example code of bootstrap itself.
this is the first code of my content php file. including obviously the row part. These are stacked ontop of eachother not next to eachother.
PS: the .content-wrapper has no styling yet so its not affecting anything and the .content has only top and bottom padding.
<div class="content-wrapper">
<div class="content">
<h1>The Test Heading</h1>
<p>
text
</p>
</div>
<div class="row">
<div class="col-sm-6 col-md-6">
<div class="thumbnail">
<img src="..." alt="...">
<div class="caption">
<h3>Thumbnail label</h3>
<p>...</p>
<p>Button Button</p>
</div>
</div>
<div class="thumbnail">
<img src="..." alt="...">
<div class="caption">
<h3>Thumbnail label</h3>
<p>...</p>
<p>Button Button</p>
</div>
</div>
</div>
</div>
here is the index.php file i got with the content area
<div class="container">
<!-- Navigation area -->
<?php include_once ("php/navigation.php");?>
<!-- Carousel -->
<?php include_once ("php/carousel.php");?>
<!-- Content area -->
<?php include_once ("php/content.php");?>
</div> <!-- end of container -->
im not sure if it has to do something with including a file and the grid system, but carousel, container etc all working fine so it should find the css file after being included.
Sidequestion: is a method like this useful? working with includes only? or is it rather non-practical?
So what do u want to do with grid system, because you only have one col so it will just go from begining of file to col 6 it will look like it doesnt do anything rly? You can put lets say and then your div with col and it will move it and so on.