Align header and menu with picture
-
Hi!
I didn’t find the same question here in the forum, so I ask it myself.
1. How can I align the header and the menu with the picture? I’d like to bring them leftwards.2. How can I put just in one line “Because translating can be an art too”? I suposse it’s a matter of changing the margin size, but I can’t find it how.
3. I’d also like to increase a bit the size of the text of the text “Because translating…”, the menu and the right-side column without making margins bigger.
Thanks a lot in advance.
Ane
The blog I need help with is: (visible only to logged in users)
-
Ane, I used the web inspector built into my browser to identify the two selectors needed and looked to see what was causing the left shift, which turned out to be a left margin setting for them both. Since you wanted to do the same thing to both, and since both required the same solution (left margin 0) I combined those two selectors and separated them with a comma like this:
#masthead hgroup, .main-navigation { margin-left: 0; }Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the above custom CSS.
-
-
-
Regarding the font size of the post text, I tried to change it copying the following and changing the 13px with 14 or 15 but it doesn’t work:
media=”all”
body {
color: #444;
font-family: “Open Sans”,sans-serif;
font-size: 13px;
line-height: 1.4em;
min-width: 600px;
}Why can it be? Thanks!
Ane -
Hi Ane,
You could try targeting the post content sections directly like this:
.entry-content { font-size:16px; } -
-
- The topic ‘Align header and menu with picture’ is closed to new replies.