A great theme for developers as well as for users. No words
I hope the Astra team maintains the quality of the theme with speed and increases features as well. Astra Pro package has a great deal.
Once again Now I have a great theme, Astra, no need to search for another one.
]]>I’m trying to create a basic theme for a static landing page that just says “COMING SOON” in the center of the page, with a border around it, seems pretty straightforward to code, right?
I haven’t gone too far into making my theme work with the WordPress dashboard, so I’m just writing the “coming soon” text into my index.php file in the body tag, around h1 tags inside of a div tag with the class “cm-box”. I haven’t set up any other template than the index.php.
Essentially while I try to use padding, borders, and margins, the padding and the margin is only applying to the top and the bottom, and the border around my text is stretching out to the edge of the page, rather than wrapping itself around my text.
I’ll copy and paste the code from my stylesheet below, I’m struggling to figure out what it is that I need to change in order to fix this problem; If someone could take a look at it and spot the problem that would be a great help. thanks.
P.S. You can check out the website where my new custom theme is going to be uploaded, if you like: stxph.com
Code:
* {
margin: 0;
padding: 0;
}
body {
background-color: #B20000;
margin: 0;
color: #ffb094;
font-family: Arial, sans-serif;
}
.cm-box {
border: 5px #ff6d38 solid;
padding: 10px;
margin: 50% auto;
}
.cm-box h1 {
text-transform: uppercase;
font-size: 8vw;
text-align: center;
}
What I tried without success:
1. Linking HTML to CSS using <link rel="stylesheet" type="text/css" href="style.css"/> in the head element
2. Entering CSS both in Appearance->Editor style.css file and in custom CSS.
I am trying to create a header menu.
I entered the following code in HTML head element
<ul>
<li><a href="freelancers.asp">Freelancers</a></li>
<li><a href="clients.asp">Clients</a></li>
<li><a href="community.asp">Community</a></li>
<li><a href="blog.asp">Blog</a></li>
<li><a href="help.asp">Help</a></li>
</ul>I entered the following code in CSS
ul {
list-style-type: none;
margin: 0;
padding: 0;
background-color:#ea1414;
}
li {
text-align: center;
display: block;
width: 60px;
}
li a:hover {
background-color:#ea1414;
}
.active {
background-color: #ea1414;
}Where am I messing up?
]]>I’m starting with a new blank theme. I have a theme folder with the Bootstrap folders “css”, “fonts”, and “js”. I also have a folder “img” where I have jpg files. Also in the theme folder are the files “style.css”, “index.php”, “header.php”, “footer.php”, and “single.php”
The index.php file has this…
<?php get_header(); ?>
<div>
<img src="img/piggy.jpg" alt="piggy" />
</div>
<?php get_footer(); ?>The header file has this…
<!DOCTYPE html>
<html>
<head>
<title>Tech Site</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href = "css/bootstrap.min.css" rel = "stylesheet">
<link href = "css/style.css" rel = "stylesheet">
</head>
<body>
<div class = "navbar navbar-inverse navbar-static-top">
<div class = "container">
<a href = "#" class = "navbar-brand">Tech Site</a>
<button class = "navbar-toggle" data-toggle = "collapse" data-target = ".navHeaderCollapse">
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
<span class = "icon-bar"></span>
</button>
<div class = "collapse navbar-collapse navHeaderCollapse">
<ul class = "nav navbar-nav navbar-right">
<li><a href = "#">Home</a></li>
<li class = "dropdown">
<a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">Blog <b class = "caret"></b></a>
<ul class = "dropdown-menu">
<li><a href = "#">Item One</a></li>
<li><a href = "#">Item Two</a></li>
<li><a href = "#">Item Three</a></li>
<li><a href = "#">Item Four</a></li>
</ul>
</li>
<li class = "dropdown">
<a href = "#" class = "dropdown-toggle" data-toggle = "dropdown">Social Media <b class = "caret"></b></a>
<ul class = "dropdown-menu">
<li><a href = "#">Twitter</a></li>
<li><a href = "#">Facebook</a></li>
<li><a href = "#">Google+</a></li>
<li><a href = "#">Instagram</a></li>
</ul>
</li>
<li><a href = "#">About</a></li>
<li><a href = "#contact" data-toggle="modal">Contact</a></li>
</ul>
</div>
</div>
</div>
<div class = "container">This is the content of the footer.php file…
<div class = "navbar navbar-default navbar-fixed-bottom">
<div class = "container">
<p class = "navbar-text pull-left">Site Built By Neil Rowe</p>
<a href = "https://youtube.com/codersguide" class = "navbar-btn btn-danger btn pull-right">Subscribe on YouTube</a>
</div>
</div>
<div class = "modal fade" id = "contact" role = "dialog">
<div class = "modal-dialog">
<div class = "modal-content">
<form class = "form-horizontal">
<div class = "modal-header">
<h4>Contact Tech Site</h4>
</div>
<div class = "modal-body">
<div class = "form-group">
<label for = "contact-name" class = "col-lg-2 control-label">Name:</label>
<div class = "col-lg-10">
<input type = "text" class = "form-control" id = "contact-name" placeholder = "Full Name">
</div>
</div>
<div class = "form-group">
<label for = "contact-email" class = "col-lg-2 control-label">Email:</label>
<div class = "col-lg-10">
<input type = "email" class = "form-control" id = "contact-email" placeholder = "[email protected]">
</div>
</div>
<div class = "form-group">
<label for = "contact-msg" class = "col-lg-2 control-label">Message:</label>
<div class = "col-lg-10">
<textarea class = "form-control" rows = "8"></textarea>
</div>
</div>
</div>
<div class = "modal-footer">
<a class = "btn btn-default" data-dismiss = "modal">Close</a>
<button class = "btn btn-primary" type = "submit">Send</button>
</div>
</form>
</div>
</div>
</div>
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src = "<?php echo get_template_directory_uri(); ?>/js/bootstrap.min.js"></script>
<!--
<script src = "<?php get_template_directory(); ?>/js/bootstrap.js"></script>
-->
<?php wp_footer(); ?>
</body>
</html>The problem is that the actual image doesn’t display in the browser (Chrome). It does show up in the design view of the IDE…Visual Studio. I first encountered this in an earlier install of WordPress. so I created a new fresh install of WordPress so these are the only things in it. SO I’m pretty sure the problem is something WordPress is doing.
]]>So my questions is there is any plugin/easy way to do what i want here without any bug development of unique widget? (Could be any way I’m open to all suggestion). Thank you!
]]>My blog is https://www.brainstrom.org
I have this problem since long time.I am trying to work all the ways..Nothing is working..I did a lot of research both using wordpress support and other third party website..Plugin deactivation,removing plugings..Changing themes…etc..ETc…
Actual problem is:
This happened when my hosting provider moved my site to different server and after making some change..I have to restore my site to the earlier version using a backup..
Problem : I see both of my admin area..and also the front end css or actual theme is broken..that means..every thing looks unorganized…The temporary fix would be refresh the page or have to actually changing the theme to default wordpress theme and changing it back to my custom theme and some times deactivating the plugins. But i have to do this every day. some times with in few hrs..I thought i am having the problem with my cache plugin and i changed between all the popular plugs nothing worked.Some times i even turned off all plugins and let the website run for few day..even then i have the same problem.Recently i notices that i theme is stable and suddenly since two days the same problem.Yesterday i decided to change the theme to Twenty twelve and let it sit there for few hrs and now i saw that theme is completely broken as usual i used my temporary fix and now i logged into my backend and admin area is also broken..Refresh is not working for me..I have spent enough time with this..I need some help. please some one…
I am attaching screen shout of myadmin area here..
]]>But for custom theme’s that option is not available. Is there an easy way to update to a newer version without having to go back and edit any of the customized php files, css files, ect?
I’m trying to make an update to a geoplace theme but there are so many edits already from the old version that would take a lot of time editing the new version.
]]>i’ve included <!–newpage–> into some articles because they were a bit too long. If I switch to the default theme, I can see the “PAGE: 1 2 3 4 5”. but when I go back to this custome theme, it doesn’t show it. does anyone know the code from the default theme to make this show up?
i’m new, sorry.
]]>