Angel-Grafik

Hi moojomoore,

add this to the custom css of the Tempera Settings (or modify the css file of your child theme accordingly):

#content img.alignleft:hover, #content img.alignright:hover, #content img.aligncenter:hover, #content img.alignnone:hover, #content .wp-caption img:hover {
    opacity: 1;
}

(it’s set to 0.8 in the base css for hovered images)

Note: try to use the development tools of Firefox/Chrome/Safari, it’s really easy to use and provide a bunch of useful informations…

Hi arpitagarwal82,

have you tried to deactivate all your plugins to see if it wasn’t one of them wich cause the problem? (and if it’s the reason, activate them one by one to find wich is the trouble maker)

Other way to find the problem is modifying your wp-config.php:
comment the line define('WP_DEBUG', false);
and add this one: define('WP_DEBUG', true);
This will activate the debug mode.

To deactivate the debug mode: switch between these two lines (comment the ‘true’ one and uncomment the ‘false’ one)

Hope that will help!

As you can see, there are “hooks” in place of the code you wnat to alter: branding_hook.
Take a look at functions.php, you’ll find what your are looking for…

PS: if you make some changes, think of creating a child theme before that ??

Hi Guy,

there is an option in Tempera settings to position the menu items (left:middle:right) [Tempera Settings > Graphics Settings > Sets the desired menu items alignment.]; mine was configured to be on the left, so maybe yours was in the middle and it’s possibly the reason why you didn’t encounter any problem when altering the header.php…

Concerning the height of the menu, I tried before posting (I always do… ?? and I retried and it worked… If your didn’t make any change in the html structure of the menu and/or its classes, it must work.
Try to put the css in the custon section of the settings but of the original Tempera theme to see if it work correctly on a non modified theme.

…hum!… Did you just wrote the css code I gave you? (it was the original one) Maybe you might alter it as your needs:
padding: **px 13px;
and change the ** to a higher value than 10px.

Hope it can help you ??

Full width main menu bar:
as I know, you can’t just like that: it’s included in the header div wich has the width of the main layout defined in Tempera Settings Layout Settings > Content / Sidebar Width: Total width =; you can adjust this value to your needs but with a max value of 1920px (HD screen)…
Note that if you push this width to its max value and activate the responsiveness, your site and its menu bar will be full screen for all screen with a width less than or equal to 1920px.

Otherwise, if you want your menu bar to be full screen but without the rest of the layout, you must make some change in files:
create a child theme and modify the header.php: extract the <nav id="access">...</nav> from the “masterhead” div and put it just before the end of the “header-full” div.
Your menu bar will be full sceen but the menu itself will be stuck to the left!…
To correct that you must add a fixed width (the one of your main layout) to the “div.menu” in your css:
div.menu { width: ...px; }
This will work but is risky for the responsive menu: it will have a large fixed width too. Solution?… Add this to your css in addition to the last:

@media ( max-width: 800px ) {
div.menu { width: 100% }
}

With this, the menu will not be wider than the screen width for all screens smaller than 800px (tablets and mobiles)

To modify the menu height: change the css padding of

#access a span {
    display: block;
    padding: 10px 13px;
}

If you don’t create a child theme and use the original Tempera theme, you can put this css mod in: Tempera Settings > Miscellaneous Settings > Custom CSS

As I know there is an option in Tempera settings for that:
Settings > Graphics Settings: Content Margins > Margin top: set it to 0px…

I agree, but it’s sometimes hard to see users always trying something done a certain way in some other way and complaining about a possible bug or trying to figure out (… asking?!) why it’s not working…
Trying to fly with a bus… my bad!! They succeeded in Speed!… ??

But the idea seems interesting, especially for the news carousel (but totally useless for the post slider, due to the fact it’s entirely based on post thumbnail…)

Sami, thanks for your work!
I’ll try to see if it’s possible to code.

Thanks for the advice!
(had changed it the hard way, silly boy! ??

The logo size is defined in style.css:

#header .logo{
	float: left;
	width:300px;
}

(Note: the height is proportional to the width)
Change it to fit your needs…

It seem that you try to use posts without featured image…
The featured category name is normally displayed over the featured image of the post. (see screenshot of the theme for reference)
It’s like the Slider that displays an infinite loading if the embedded posts have no featured image…

Featured image = Post thumbnail
-> https://codex.www.ads-software.com/Post_Thumbnails

If you want to use posts without thumbnail in the featured categories, try to remove position:absolute in the css file:

#featured-categories h3.cat-title {
...
position:absolute;
...}

Then, the featured category title will be place on top of the list without overlapping.