Viewing 20 posts - 1 through 20 (of 20 total)
  • Author
    Posts
  • October 1, 2018 at 2:25 pm #1016644
    Malene123

    Hi there,
    I’m trying to achieve two things on my blog page/category page and single post:

    1) Because our logo is rather big, I’d like to place a transparent divider on top of the page content, so it doesn’t collide with the logo
    and 2) I’d like to make the font size in the menu in the sidebar bigger

    How do I do that? Nothing I’ve tried so far has worked for me.

    Also, I’d like to use the same background image on blog category and single post as on the rest of the site. Is that possible?

    Thank you in advance for your always awesome support!
    /M.

    October 2, 2018 at 7:49 pm #1017191
    Victoria

    Hey Malene,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .content .flex_column .widget_nav_menu li a {
    font-size: 16px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    October 3, 2018 at 12:07 pm #1017490
    Malene123

    Thanks a lot. Works like a charm!

    – and yes, we solved number one by resizing the logo :-)

    Thanks!!

    October 3, 2018 at 12:52 pm #1017511
    Malene123

    One more thing – and please let me know, if I need to make another thread…

    I’d like our background image to be shown on the blog post page, blog category page, search result page etc as well. How do I go about that?

    Best
    M.

    October 4, 2018 at 5:49 am #1017684
    Rikard

    Hi M,

    Do you mean that you want the background image which is on your front page as a background on the blog, blog category pages and search result pages as well?

    Best regards,
    Rikard

    October 5, 2018 at 5:49 pm #1018326
    Malene123

    Yes, exactly :-)

    October 6, 2018 at 7:00 am #1018431
    Rikard

    Hi,

    Thanks for the feedback, could you link to examples of those page directly please. I couldn’t find your blog page for instance.

    Best regards,
    Rikard

    October 6, 2018 at 2:27 pm #1018499
    Malene123

    Sure thing, please see private content :-)

    Also, you need to be logged in to see the blog.

    Preferably, Id like to be able to set a default background image like the oneon the home page, so we don’t have to change the image on every single page, if we want to go for another look. But I don’t know if that’s possible?

    Best
    M

    October 7, 2018 at 6:13 am #1018603
    Rikard

    Hi,

    Thanks for that. I see that you have set the background of the blog already. Please try this in Quick CSS for the search and archive pages:

    .search .container_wrap_first, .archive .container_wrap_first {
    background-repeat: no-repeat;
    background-image: url(https://adventurersclub.dk.linux215.unoeuro-server.com/wp-content/uploads/2018/07/37366970_mNy.png);
    background-attachment: scroll;
    background-position: top left;
}

    Best regards,
    Rikard

    October 17, 2018 at 1:37 pm #1022755
    Malene123

    That works perfectly. Thank you so much!!

    I’d like to use the same code to put background images on some more pages (please see private content for links). Could you help me with the proper code snippet for this as well?

    Thank you in advance :-)
    /M.

    October 17, 2018 at 2:20 pm #1022773
    Malene123

    Ooops… and also this page (see private content)

    October 18, 2018 at 5:27 am #1023138
    Rikard

    Hi,

    Please try this CSS instead of the last bit I sent:

    .search .container_wrap_first, .archive .container_wrap_first, .single-post .container_wrap_first, .um-page-user .container_wrap_first, .page-id-227 .container_wrap_first {
    background-repeat: no-repeat;
    background-image: url(http://adventurersclub.dk.linux215.unoeuro-server.com/wp-content/uploads/2018/07/37366970_mNy.png);
    background-attachment: scroll;
    background-position: top left;
    }

    Best regards,
    Rikard

    October 18, 2018 at 2:23 pm #1023363
    Malene123

    Thank you :-)
    It’s working on most pages now, only two is missing (pls see private content for links)

    October 19, 2018 at 4:56 am #1023744
    Rikard

    Hi,

    Thanks for that, please try this instead:

    .search .container_wrap_first, .archive .container_wrap_first, .single-post .container_wrap_first, .um-page-user .container_wrap_first, .page-id-227 .container_wrap_first, .page-id-1253 .container_wrap_first,  {
background-repeat: no-repeat;
background-image: url(https://adventurersclub.dk.linux215.unoeuro-server.com/wp-content/uploads/2018/07/37366970_mNy.png);
background-attachment: scroll;
background-position: top left;
}

    I don’t think it’s going to work on the kalender page though since the calendar seems to be covering the whole page.

    Best regards,
    Rikard

    October 19, 2018 at 11:09 am #1023835
    Malene123

    Perfect, thanks… And I’d like the image to “stretch to fit”, what do I do?

    October 19, 2018 at 5:27 pm #1024074
    Nikko

    Hi Malene123,

    Try adding this also in Rikard’s code:

    
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

    Hope it helps.

    Best regards,
    Nikko

    October 22, 2018 at 9:27 am #1024747
    Malene123

    Perfect! Thank you so much for your great support!!

    October 22, 2018 at 1:41 pm #1024849
    Rikard

    Hi,

    Great, glad we could help. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    October 22, 2018 at 3:20 pm #1024903
    Malene123

    You’re welcome to close it :-)

    Thanks again!

    October 22, 2018 at 3:43 pm #1024918
    Nikko

    Hi Malene123,

    Glad to hear that :)
    Feel free to comeback if you need further assistance.
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 20 posts - 1 through 20 (of 20 total)
  • The topic ‘Blog page styling’ is closed to new replies.