Image Width adjustment
-
Hello,
I’m currently using the Canape Theme. Its suppose to be a food theme but i don’t mind using it since its clean.
I need help for this 3 pages
http://yesinspire.com/menu/jan-2016-key-features/
http://yesinspire.com/menu/oct-2015-key-features/
http://yesinspire.com/menu/july-2015-key-features/I set my image width as 620px, but it seems the css in this page is restricting the image width. Any idea how to adjust the image width?
my site is: http://yesinspire.com
The blog I need help with is: (visible only to logged in users)
-
-
@inspirebn, If you want the archive pages to be full width, add the following to your custom CSS.
@media screen and (min-width: 768px) { .archive .menu-items .nova_menu_item { max-width: 100%; } .archive .menu-items .nova_menu_item img { width: 100%; } }
This targets the page types you have mentioned above by using the .archive CSS class set in the opening HTML body tag.
-
@elte
Yes, i think it is a menu item. Cause those 3 pages are redirected by clicking the 3 picture banners in my front/home page. Since I cant set a manual redirection to a normal page, had no choice but to just stick to the menu page. But the menu page CSS is restricting the image width as you can see.@thesacredpath
Thanks alot for your help. But the page is a menu page, not a normal page it seems. Is it safe to use that code into my CSS Custom Design? Will i be able to revert back if something goes wrong? -
Yes, add it to the custom CSS. If you don’t like it or something isn’t right, just delete it and save and all will go back to how it was.
-
@thesacredpath
Wow thanks alot!! This works magically.Also is it possible to remove the ~ ?
For example: ~ July 2015 | Key Features ~
From: http://yesinspire.com/menu/jan-2016-key-features/ -
-
Hi,
The final thing would be Custom Gallery Widget (in my sidebar), each individual picture to set a custom link if possible.
But i read online it says don’t have that function for .com, only can for .org
That is correct, we cannot make that sort of change here at WordPress.com, and on a self-hosted WordPress.org installation, with the Jetpack gallery such as used here, it would mean you would have to modify the Jetpack php and javascript files, and that would not be advisable since the first Jetpack update would likely overwrite your changes.
It could be there are some other gallery plugins for self-hosted sites that would allow you set URLs for images.
-
Alright, thanks for the help so far!
Also…any CSS Code to reduce the size of
‘s font in all of my pages?
-
Whoops did an error in the previous post.
Any CSS Code to reduce the size of blockquote’s font in all of my pages?
-
-
-
Oh i have a question
With the Canape theme.
How can i change the color of my horizontal line (/hr code) and the widget’s border color in my sidebar?
I know it follows the color from my front/static page, but i want it to remain black ONLY for the horizontal line (in a page/post) and widget’s border (in the sidebar or anywhere else) .
Thanks in advance!
The blog I need help with is yesinspire.com.
-
-
For <hr> horizontal line you can try this:
hr { background-color: black; }
Widget border color
.archive.tax-nova_menu .content-area, .hero-container-inner .hentry, .page-template-menu-page .content-area, .widget, .widget_search input[type=search] { border-color: black; }
Blockquote bar color
blockquote { border-left-color: black; }
-
-
-
- The topic ‘Image Width adjustment’ is closed to new replies.