I need help for modify my site. I'm new to this, please help me:)
Can I move my logo to center of very top menu? You can check my site. My site is here.
You can see the 4 item, I would like to move my logo between 'life' and 'story'.
Thank you and have a nice day!
Lukas's answer: Just create another <li> element inside the <ul id="secondary-nav"> and move the <div id="branding"> or better only the <a> inside. Probbaly you should also remove the float:left on the logo.
= Yes I understand and I test this on F12(developer tool), It works great! But my problem is I don't know where I can create <li>. I find <ul id="secondary-nav"> on F12. I guess I have to edit "header.php". Am I right? Can I know exactly where? Please help me:)
JSfiddle:http://jsfiddle.net/user3543818/UNnYp/2/ (You can see "header.php" and CSS for top menu)
yes you can , if you want give us the code but :
put youe logo in new div and make it padding : 0 auto
or you can put it as your screen old you
please send us the code
It is hard to tell with just a link, but it looks like you are using a template you purchased. If that is the case, a lot of purchasable templates have settings within the wordpress dashboard that will allow you to customize certain parts of the look-and-feel. Logo placement is often one of those editable features.
A code example would make it easier to give you an exact answer, but in this case it seems like you can simply add your logo as a menu item in between life and story, so it will be displayed in the center of the list. This can be done through your wordpress dashboard as well, or you can hardcode it in the template.
if you want your logo top of your site, you can use float: inherit;
if you want it exactly between the menu items, you must define your logo as a li (list item) and put it between 'life' and 'story'.
Just create another <li> element inside the <ul id="secondary-nav"> and move the <div id="branding"> or better only the <a> inside. Probbaly you should also remove the float:left on the logo.
You can do that:
.yourlogo{
margin-right: 7px;
}
Related
I am new to WP don't know how does the theme customization work. I've chosen receptar theme (link)
I want to make the article items on the main page bigger by default, as I would do with Ctrl +. How Can I do it?
I want to change it from this :
to this:
Word of caution: always try to fix things yourself and let us know what you've tried before asking on SO. Everyone here is happy to help once you hit a roadblock.
Now, to fix the issue you need to modify the Width of the element. I changed it from 50% to 100%. When it is 50% it allows two items to be next to each other, so if it is 100% every item will take all the space it can, getting to what you're looking for.
You can copy and paste this code into your theme CSS styler:
.posts .hentry {
width: 100%;
}
Usually, all themes come with this, or if your version of Wordpress is 4.7+ you can do this through the customizer.
That should do the trick.
You can easily do this with CSS,
please go to your theme main style.css and add this CSS
.post {
width: 100% !important;
}
I would like to centralise logo between menu item in Wordpress dt the7 theme, is there any solution to solve this problem? Because currently the menu was using build in layout which is logo at the top and menu item at below.
I can't telling you exactly without seeing the problem, but you probably have to play with the line-height css property.
If you give us a clear example we will be able to help you more.
I dont know much about coding... I found some JS and Jquery to disable links here but I dont know how to use them and where to put them...
This is the code in the title.php of my single product
<div class="product-categories"><?php echo $product->get_categories(); ?></div>
<h1 itemprop="name" class="product_title entry-title"><?php the_title(); ?></h1>
In the first line, there if have to disable the link on the categories and subcategories. I'd like to keep the display of them. In first instance I did some CSS on them, but that only worked in modern Chrome, not IE etc...
Can someone help me on editing that first line so the links are disabled?
Thanks in advance!
Kelly
css can do it...
div.product-categories a{
pointer-events: none;
}
you may have to fine tune it so as not to disable links that you need within .product-categories.
I solved my problem by adding code to my functions.php that is displaying the categories before the title on single product. Then I've hidden the existing ones with the link via CSS. Now the single product page is displaying the categories but they dont link true to archives pages.
Thanks for the help!
Kelly
I am looking to edit the css styles from inside the Dashboard inside of wordpress and NOT have to edit the php files if possible.
I know it is possible to edit at least some of the properties so my hope is I can edit all of them right within the dashboard.
MORE SPECIFICALLY
How can I change the css states of links and submenus of a custom class? For example the a:active, a:hover, a:link etc... and ALL OF THE SUB-MENUS to custom css as well?
I have included these pictures to show you what I am trying to do and the present results.
MY CUSTOM MENU INSIDE OF WORDPRESS
CUSTOM CSS INSIDE OF WORDPRESS
THE RESULTS
I am taking the time to give a little more details in gratitude for all the help I got on stackoverflow over the years, also giving a little more info for the newbies out there. We are all learning.
Here is what worked in pictures
I used Firefox and used "INSPECT ELEMENT". While on the page I did a LEFT CLICK and from drop down I chose INSPECT ELEMENT.
Then I clicked on the PICK AN ELEMENT icon, as seen in the picture and then I hovered over the element I wanted to edit, in this case a button in the menu. This gave me the class I needed to edit.
I went into my DASHBOARD in WordPress and made this change to the code. Finally I got the results I was looking for, which I also included in the same picture as well.
Although I have not figured out how to edit the sub-menus yet I believe I am on the right track and will figure it out.
HOPE THIS HELPS SOMEONE. :)
In my blog, the text that says "Older posts" is written in gray, and very invisible. I would like to change its style.
I can do that through the php files, but then, every time I update the theme, I'll have to redo that. So I need a way to do it in a way that makes it independent of updates.
Thank you for any efforts.
You can install the plugin http://wordpress.org/plugins/my-custom-css/
And Add the CSS code for the pagination.
If you have google chrome just right click over the Older Posts Inspect Element
See the CSS class used by it and add the CSS code for that class in the Plugin after installation.
You should be able to style the link with CSS but it is difficult to show you without any code segments provided in your question.
If you use chrome developer tools, simply click on the element, find its class name and reference it in your style sheet.
I've provided an example below which is taken from another wordpress theme, but I cant guarantee it will be the same as your own:
<div class="post-more">
<span class="read-more"><a title="Read more" href="http://www.website.com">Read more</a></span>
</div>
The CSS:
.post-more a {
color: #000000; /*New Colour*/
}