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;
}
Related
I need to remove vertical scrollbars from a specific webpage only in my site
http://historyofliverpool.com/test-2/
The page is made up from many php and css files, to I do not know where to begin editing, and do not want to alter the rest of the site.
Would a custom field on this page only solve my problem?
Any help much appreciated.
I can't find any overflow: hidden in your stylesheet.
Please try this:
.fullscreen {
overflow: hidden;
}
Removing the scroll bar is easy; you would simply need to apply overflow:hidden to the body selector.
The real challenge is removing the scroll bar on the correct page. There are quick and dirty ways of doing this, but lets take our time and look at this sensibly:
Child Themes
It looks like you're using the Anglepane theme. As this is a commercial theme I'd recommend you first create a child theme before making any changes. This way when the Anglepane theme is updated it doesn't remove your edits.
Identifying the page - body_class()
The next step is identifying and selecting the page you want your changes to apply to. WordPress has the convenient body_class() function that adds CSS classes to the body element, allowing you to easily add styles on a page by page basis. Now it looks like your theme isn't using this function; so you should add this function by:
Copy the header.php file from the parent theme folder to your child theme folder so you can edit it
Find the body tag and alter it like so:
<body <?php body_class( $class ); ?>>
Identifying the page - ID vs template
Once you've added the body_class() function you should find that your body element will have a bunch of classes that you can use; one of these will be the page ID, prefixed with .page-id-. You can now use that class name for your CSS. For example, if your target page had an ID of 3 you could use:
.page-id-3 {
overflow:hidden;
}
While this works, I personally like to use page templates instead for targeting page-specific styles. One of the benefits to this is that it avoids mismatched page IDs between different environments. For example, I might want to change the background colour of my about page, which has an id of 4:
.page-id-4 {
background:red; // Works as long as the page ID is definitely 4
}
That works great on my local copy of the site, but on the live site my about page has an id of 24. I avoid this by creating a page template specifically for my about page. This way I can use the page-template selector instead, which is consistent across both environments:
.page-template-about {
background:red; // Now I work everywhere
}
Hopefully that convers everything in sufficiently detail for you.
I have a serious problem with the Magento 1.9 new theme (RWD) on mobile media only and wondered if anyone might be able to shed any light please, if I'm honest, I'm not even sure where to start troubleshooting this one.
If you view the product detail page on a mobile phone (or on Chrome emulation mode).
http://magento19.my.phpcloud.com/index.php/tori-tank-581.html
Click on one of the alternative product images and then try and scroll down on the page, you can't it is completely stuck, it will only allow you to scroll if you use the white space either side, or below the image.
I'd be massively grateful for any ideas?
Thanks in advance
Check to see if you made any CSS changes to overflow visibility... We had a small gutter on the right in our rwd templates. We "fixed" this by making a css change to the overflow. This simple change caused the no-scroll/jerky-scroll that made the page look partially rendered.
Try to add this in _catalog-product.scss:
#include bp(max-width, $bp-medium) {
.product-img-box {
.product-image {
pointer-events: none;
}
}
.zoomContainer {
pointer-events: none;
}
}
This one helped me.
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;
}
I made a wordpress site and it has an error in which a "dynamically generated style sheet" creates this style:
content {width: 0px;}
This causes all of my content to squish to the left. http://wp.townsendsites.com
Is there a way to get rid of this, or override it in either the php or css?
If you want to overwrite a markup that cannot be overwritten, use: width: 80% !important;
it's not the best practice, but it works. 80% is an example.
A neater way to solve the problem isn't to try and override the styles; it's to work out why those styles are there in the first place.
I've had a very quick poke around the theme and I can see that the dynamic stylesheet is generating its styles based on theme settings; the theme should have an extra options screen in the admin area where you can enter your own width for content.
Failing that you can comment out line 619 from 'functions.php' which currently reads "add_action( 'wp_enqueue_scripts', 'bitLumen_enqueue_dynamic', 10 );"
That's the line that loads up the dynamic stylesheet
I'd recommend you try and find the settings in the admin area first; no sense trying to brute force your styles with !important rules
I'm customizing the Wordpress Admin site to suite my needs and there are several things I want to remove and customize (menus, etc...).
I noticed on the DashBoard section called 'Right Now' there are several things I don't need there. For instance the CHANGE THEME button and the wordpress version and theme. I found in the source dashboard.php where these are rendered, but rather than edit the source, can I just make a function that intercepts and changes this so it doesn't render them?
I also want to remove the DISCUSSION section and some of the counts for CATEGORIES, TAGS, and PAGES.
Is there a way to go about this? Thank you!
Hmm I think I solved this myself, although I'm not sure correctly. Using firebug I was able to find the class names and element ID's of the version and CHANGE THEME button and the version and theme
I added this code in my functions.php:
function wpc_remove_admin_elements() {
echo '<style type="text/css">
.versions p {display:none !important;}
.versions #wp-version-message {display:none !important;}
</style>';
}
add_action('admin_head', 'wpc_remove_admin_elements');
This added some styling in my header to hide these elements.
Is there a more efficient way to do this or am I going to be ok? I still don't know how to hide some of the Content and Discussion counts in the RightNow dash.